/*********************************************************** START Kendo General CSS ***********************************************************/

/* Prevents the form-control box-shadow from appearing when there are nested Kendo controls
   For example, DatePickers with Masked inputs
*/
.form-control .form-control,
.form-control .form-control:focus,
.form-control .form-control:focus-visible,
.form-control .form-control:focus-within {
    box-shadow: none !important;
}


.k-input.k-invalid,
.k-widget.k-input.k-invalid,
.k-picker.k-invalid,
.k-widget.k-picker.k-invalid,
.k-input.k-invalid .k-input-inner,
.k-picker.k-invalid .k-input-inner,
input.k-invalid,
textarea.k-invalid {
    border-color: #ccc !important;
    background-color: var(--bs-body-bg) !important;
    box-shadow: none !important;
}

.k-callout-n {
     display: none !important; 
}

.k-button-solid-primary {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .k-button-solid-primary:hover,
    .k-button-solid-primary.k-hover {
        color: #fff !important;
        background-color: color-mix(in srgb, var(--bs-primary) 85%, #000 15%) !important;
        border-color: color-mix(in srgb, var(--bs-primary) 80%, #000 20%) !important;
    }

    .k-button-solid-primary:focus,
    .k-button-solid-primary:focus-visible,
    .k-button-solid-primary.k-focus {
        color: #fff !important;
        background-color: color-mix(in srgb, var(--bs-primary) 85%, #000 15%) !important;
        border-color: color-mix(in srgb, var(--bs-primary) 80%, #000 20%) !important;
        box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .5) !important;
    }

    .k-button-solid-primary:active,
    .k-button-solid-primary.k-active,
    .k-button-solid-primary.k-selected {
        color: #fff !important;
        background-color: color-mix(in srgb, var(--bs-primary) 80%, #000 20%) !important;
        border-color: color-mix(in srgb, var(--bs-primary) 75%, #000 25%) !important;
    }

    .k-button-solid-primary:disabled,
    .k-button-solid-primary[disabled],
    .k-button-solid-primary.k-disabled,
    .k-button-solid-primary[aria-disabled='true'] {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        opacity: .65 !important;
        box-shadow: none !important;
        pointer-events: none;
    }

/* Keep readonly/disabled Kendo controls aligned with Bootstrap readonly styling. */
.k-input-inner:disabled,
.k-input.k-readonly,
.k-input.k-disabled,
.k-picker.k-readonly,
.k-picker.k-disabled,
.k-picker[aria-readonly='true'],
.k-picker[aria-disabled='true'],
.k-dropdownlist.k-readonly,
.k-dropdownlist.k-disabled,
.k-dropdownlist[aria-readonly='true'],
.k-dropdownlist[aria-disabled='true'],
.k-combobox.k-readonly,
.k-combobox.k-disabled,
.k-combobox[aria-readonly='true'],
.k-combobox[aria-disabled='true'],
.k-maskedtextbox.k-readonly,
.k-maskedtextbox.k-disabled,
.k-maskedtextbox[aria-readonly='true'],
.k-maskedtextbox[aria-disabled='true'],
.k-multiselect.k-readonly,
.k-multiselect.k-disabled,
.k-multiselect[aria-readonly='true'],
.k-multiselect[aria-disabled='true'],
.k-numerictextbox.k-readonly,
.k-numerictextbox.k-disabled,
.k-numerictextbox[aria-readonly='true'],
.k-numerictextbox[aria-disabled='true'],
.k-datepicker.k-readonly,
.k-datepicker.k-disabled,
.k-datepicker[aria-readonly='true'],
.k-datepicker[aria-disabled='true'],
.k-dropdowngrid.k-readonly,
.k-dropdowngrid.k-disabled,
.k-dropdowngrid[aria-readonly='true'],
.k-dropdowngrid[aria-disabled='true'],
.k-picker[aria-readonly='true'] .k-input-inner,
.k-picker[aria-disabled='true'] .k-input-inner,
.k-dropdownlist[aria-readonly='true'] .k-input-inner,
.k-dropdownlist[aria-disabled='true'] .k-input-inner,
.k-combobox[aria-readonly='true'] .k-input-inner,
.k-combobox[aria-disabled='true'] .k-input-inner,
.k-maskedtextbox .k-input-inner[readonly],
.k-maskedtextbox .k-input-inner:disabled,
.k-maskedtextbox[aria-readonly='true'] .k-input-inner,
.k-maskedtextbox[aria-disabled='true'] .k-input-inner,
.k-maskedtextbox.k-readonly .k-input-inner,
.k-maskedtextbox.k-disabled .k-input-inner,
.k-multiselect[aria-readonly='true'] .k-input-inner,
.k-multiselect[aria-disabled='true'] .k-input-inner,
.k-multiselect.k-input.form-control.k-state-disabled.k-no-click .k-input-inner.k-readonly[readonly],
.k-numerictextbox[aria-readonly='true'] .k-input-inner,
.k-numerictextbox[aria-disabled='true'] .k-input-inner,
.k-datepicker[aria-readonly='true'] .k-input-inner,
.k-datepicker[aria-disabled='true'] .k-input-inner,
.k-dropdowngrid[aria-readonly='true'] .k-input-inner,
.k-dropdowngrid[aria-disabled='true'] .k-input-inner {
    background-color: var(--bs-secondary-bg) !important;
    opacity: 1 !important;
}

.k-input.k-readonly,
.k-picker.k-readonly,
.k-dropdownlist.k-readonly,
.k-combobox.k-readonly,
.k-multiselect.k-readonly,
.k-numerictextbox.k-readonly,
.k-datepicker.k-readonly,
.k-dropdowngrid.k-readonly,
.k-maskedtextbox.k-readonly,
.k-input[aria-readonly='true'],
.k-picker[aria-readonly='true'],
.k-dropdownlist[aria-readonly='true'],
.k-combobox[aria-readonly='true'],
.k-multiselect[aria-readonly='true'],
.k-multiselect.k-input.form-control.k-state-disabled.k-no-click .k-input-inner.k-readonly[readonly],
.k-numerictextbox[aria-readonly='true'],
.k-datepicker[aria-readonly='true'],
.k-dropdowngrid[aria-readonly='true'],
.k-maskedtextbox[aria-readonly='true'] {
    cursor: default !important;
    pointer-events: none;
}

/* Handle readonly MultiSelect markup that uses k-state-disabled + readonly inner input instead of wrapper readonly/disabled attributes. */
.k-multiselect.k-input.form-control.k-state-disabled.k-no-click .k-input-inner.k-readonly[readonly] {
    color: var(--bs-body-color) !important;
}

.k-multiselect.k-input.form-control.k-state-disabled.k-no-click .k-input-inner.k-readonly[readonly]::placeholder {
    color: var(--bs-body-color) !important;
    opacity: 1 !important;
}

/*********************************************************** END Kendo General CSS ***********************************************************/

/*********************************************************** START Kendo Window CSS ***********************************************************/

.k-widget.k-window {
    max-width: 100%;
}

/*********************************************************** END Kendo Window CSS ***********************************************************/

/*********************************************************** START Kendo Wizard CSS ***********************************************************/



/*********************************************************** END Kendo Wizard CSS ***********************************************************/

/*********************************************************** START Kendo MultiSelect CSS ***********************************************************/

/* Wraps each MultiSelect to hold the caret */
.k-multiselect-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

    /* Ensure proper width alignment */
    .k-multiselect-wrapper .k-multiselect {
        width: 100%;
    }

    /* Ensure proper width alignment */
    .k-multiselect-wrapper .k-icon.k-i-x {
        display: none;
    }

/* Kendo caret icon styling */
.k-multiselect-caret {
    position: absolute;
    right: var(--arise-validation-icon-position-kendo-multiselect-caret-offset, calc(0.75em + 0.375rem));
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    pointer-events: auto;
    z-index: 2; /* make sure caret receives the click */
    user-select: none;
}

    /* Kendo caret icon styling */
    .k-multiselect-caret:before {
        content: " " !important;
        background-image: url('/assets/icons/down_arrow_icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

/*********************************************************** END Kendo MultiSelect CSS ***********************************************************/

/*********************************************************** START Kendo Dropdown CSS ***********************************************************/

.k-dropdownlist .k-button {
    margin-right: 5px;
}

    .k-dropdownlist .k-button > .k-icon.k-i-arrow-s:before {
        content: " " !important;
        background-image: url('/assets/icons/down_arrow_icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

.k-dropdown-disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

    .k-dropdown-disabled .k-input-inner.k-state-disabled {
        color: #000;
    }

/*********************************************************** END Kendo Dropdown CSS ***********************************************************/

/*********************************************************** START Kendo ComboBox CSS ***********************************************************/

.k-combobox .k-input-button,
.k-dropdowngrid .k-input-button {
    margin-right: 5px;
}

    .k-combobox .k-input-button > .k-icon.k-i-arrow-s:before,
    .k-dropdowngrid .k-input-button > .k-icon.k-i-arrow-s:before {
        content: " " !important;
        background-image: url('/assets/icons/down_arrow_icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

/*********************************************************** END Kendo ComboBox CSS ***********************************************************/

/*********************************************************** START Kendo MultiColumnComboBox CSS ***********************************************************/

.k-animation-container:has(> .k-popup.k-dropdowngrid-popup > div.k-data-table),
.k-animation-container:has(> .k-popup.k-dropdowngrid-popup > div.k-data-table) > .k-popup.k-dropdowngrid-popup,
.k-animation-container:has(> .k-popup.k-dropdowngrid-popup > div.k-data-table) > .k-popup.k-dropdowngrid-popup > div.k-data-table {
    max-width: calc(100vw - 1rem) !important;
}

    .k-animation-container:has(> .k-popup.k-dropdowngrid-popup > div.k-data-table) > .k-popup.k-dropdowngrid-popup > div.k-data-table .k-table-header-wrap {
        overflow-x: auto !important;
    }

    .k-animation-container:has(> .k-popup.k-dropdowngrid-popup > div.k-data-table) > .k-popup.k-dropdowngrid-popup > div.k-data-table .k-table-td {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: break-word;
    }

/*********************************************************** END Kendo MultiColumnComboBox CSS ***********************************************************/

/*********************************************************** START Kendo Datepicker CSS ***********************************************************/

.k-datepicker .k-button > .k-icon.k-i-calendar:before {
    content: " " !important;
    background-image: url('/assets/icons/calendar_icon.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.k-datepicker .k-maskedtextbox {
    padding: 0 !important;
}

    .k-datepicker .k-maskedtextbox .form-control {
        border: none !important;
    }

    /* Keep focus shadow on the outer .k-datepicker only (suppress nested masked textbox focus/focus-within shadow). */
    .k-datepicker .k-maskedtextbox .k-input-inner:focus,
    .k-datepicker .k-maskedtextbox .k-input-inner:focus-visible,
    .k-grid .k-grid-edit-row .k-datepicker .k-maskedtextbox .k-input-inner:focus,
    .k-grid .k-grid-edit-row .k-datepicker .k-maskedtextbox .k-input-inner:focus-visible,
    .k-datepicker .k-maskedtextbox.k-input:focus-within,
    .k-datepicker .k-maskedtextbox.k-widget.k-input:focus-within,
    .k-grid .k-grid-edit-row .k-datepicker .k-maskedtextbox.k-input:focus-within,
    .k-grid .k-grid-edit-row .k-datepicker .k-maskedtextbox.k-widget.k-input:focus-within {
        box-shadow: none !important;
    }

.k-datepicker-disabled {
    color: #000;
}

/*********************************************************** END Kendo Datepicker CSS ***********************************************************/

/*********************************************************** START Kendo MaskedTextBox CSS ***********************************************************/

/*.k-maskedtextbox {
    border: none !important;
}

    .k-maskedtextbox .form-control {
        border: 1px solid #ccc !important;
    }
*/

/*
.k-maskedtextbox.form-control .k-input-inner.form-control:focus,
.k-maskedtextbox.form-control .k-input-inner.form-control:focus-visible {
    box-shadow: none !important;
}*/

/*********************************************************** END Kendo MaskedTextBox CSS ***********************************************************/

/*********************************************************** START Kendo Grid CSS ***********************************************************/

.k-grid .k-grid-edit-row span.field-validation-error,
.k-grid .k-detail-row span.field-validation-error {
    color: #dc3545;
}

/*
   Base grid overflow behavior:
   - Keep the grid constrained to its parent container
   - Allow horizontal scrolling for wide tables on smaller screens
*/
div.k-grid.k-widget[data-role="grid"] {
    overflow: auto;
}

/*
   Unified grid/table/pager width model:
   - Fill parent width on large screens
   - Preserve intrinsic table width when content is wider than parent
   - Keep pager width synchronized with the sibling table track
*/
div.k-grid.k-widget[data-role="grid"]:has(> table):has(> .k-grid-pager) {
    display: grid;
    grid-template-columns: minmax(100%, max-content);
    justify-content: start;
    width: 100%;
    max-width: 100%;
}

div.k-grid.k-widget[data-role="grid"]:has(> table):has(> .k-grid-pager) > table {
    grid-column: 1;
    /*width: max-content;*/
    min-width: 100%;
}

div.k-grid.k-widget[data-role="grid"]:has(> table):has(> .k-grid-pager) > .k-grid-pager {
    grid-column: 1;
    width: max-content;
    min-width: 100%;
    justify-self: stretch;
    box-sizing: border-box;
}

.k-grid .k-toolbar.k-grid-toolbar {
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
}

/* Improve disabled button/link contrast inside Kendo grids for accessibility compliance. */
.k-grid.k-widget .k-toolbar.k-grid-toolbar .btn.btn-arise-default.k-state-disabled,
.k-grid.k-widget .k-toolbar.k-grid-toolbar .btn.btn-arise-default:disabled,
.k-grid.k-widget .k-toolbar.k-grid-toolbar .btn.btn-arise-default[aria-disabled='true'] {
    color: var(--bs-secondary-color) !important;
    opacity: 1 !important;
}

/* Header corner radius should only apply when there is no grid toolbar. */
div.k-grid.k-widget[data-role="grid"]:has(> .k-toolbar.k-grid-toolbar) > table > thead.k-grid-header > tr:first-child > th:first-child {
    border-top-left-radius: 0;
}

div.k-grid.k-widget[data-role="grid"]:has(> .k-toolbar.k-grid-toolbar) > table > thead.k-grid-header > tr:first-child > th:last-child {
    border-top-right-radius: 0;
}

div.k-grid.k-widget[data-role="grid"]:not(:has(> .k-toolbar.k-grid-toolbar)) > table > thead.k-grid-header > tr:first-child > th:first-child {
    border-top-left-radius: var(--bs-border-radius);
}

div.k-grid.k-widget[data-role="grid"]:not(:has(> .k-toolbar.k-grid-toolbar)) > table > thead.k-grid-header > tr:first-child > th:last-child {
    border-top-right-radius: var(--bs-border-radius);
}

.k-grid .k-grid-pager .k-pager-numbers span[role=button].k-link.k-selected {
    background-color: var(--bs-link-color);
    border-color: var(--bs-link-color);
}

.k-grid .k-grid-pager .k-pager-numbers a.k-link:not(.k-selected),
.k-grid .k-grid-pager .k-pager-numbers span.k-link[role="button"]:not(.k-selected) {
    color: var(--bs-link-color) !important;
}

.k-grid .k-grid-pager a.k-pager-nav {
    color: var(--bs-link-color);
}

.k-grid .k-grid-pager .k-pager-info.k-label {
    color: var(--arise-blue);
}

/* Grid footer bold typography: ensure bold footer text uses Barlow Bold font family. */
.k-grid .k-grid-footer .fw-bold,
.k-grid .k-grid-footer .fw-bolder,
.k-grid .k-grid-footer .k-font-bold,
.k-grid .k-grid-footer b,
.k-grid .k-grid-footer strong,
.k-grid .k-grid-footer [style*='font-weight:bold'],
.k-grid .k-grid-footer [style*='font-weight: bold'],
.k-grid .k-grid-footer [style*='font-weight:700'],
.k-grid .k-grid-footer [style*='font-weight: 700'] {
    font-family: 'barlow-bold';
}

/* Kendo sets footer boldness on td itself (.k-grid-footer td, .k-group-footer td { font-weight:700 }).
   Apply barlow-bold at that same level so computed bold footer text always uses the bold font family. */
.k-grid .k-grid-footer td,
.k-grid .k-group-footer td,
.k-grid .k-grouping-row td {
    font-family: 'barlow-bold';
}

/* Ensure nested footer content (e.g., spans/divs inside footer td) inherits the same bold family. */
.k-grid .k-grid-footer td *,
.k-grid .k-group-footer td *,
.k-grid .k-grouping-row td * {
    font-family: inherit;
}

/*
   Preserve Kendo icon font in grouping rows.
   Without this, inherited Barlow font can replace glyph fonts and break expand/collapse icons.
*/
.k-grid .k-grouping-row td .k-icon,
.k-grid .k-grouping-row td .k-i-collapse,
.k-grid .k-grouping-row td .k-i-expand {
    font-family: "WebComponentsIcons";
}

.k-grid-add .k-icon {
    display: none;
}

/* Read-mode grid checkboxes should use regular cursor (not pointer). */
.k-grid tbody tr:not(.k-grid-edit-row) td input[type='checkbox'],
.k-grid tbody tr:not(.k-grid-edit-row) td input[type='checkbox'][disabled],
.k-grid tbody tr:not(.k-grid-edit-row) td input[type='checkbox'][readonly] {
    cursor: default;
}

/*
    Keep Kendo command buttons visually equivalent to:
    btn btn-arise-default d-block w-100 text-nowrap
    and use BS5-like gap-2 spacing on the command cell.
*/
.k-grid {
    --arise-kendo-command-btn-padding-y: 0.375rem;
    --arise-kendo-command-btn-padding-x: 0.75rem;
    --arise-kendo-command-btn-font-size: 1rem;
    --arise-kendo-command-btn-line-height: 1.5;
    --arise-kendo-command-btn-radius: 0.375rem;
    --arise-kendo-command-btn-gap: 0.5rem;
    --arise-kendo-command-btn-icon-gap: 0.375rem;
    --arise-kendo-command-btn-min-height: calc(1.5em + 0.75rem + 2px);
    --arise-kendo-command-cell-width: 12rem;

    --arise-kendo-command-default-color: var(--bs-body-color);
    --arise-kendo-command-default-bg: #fff;
    --arise-kendo-command-default-border: #ced4da;
    --arise-kendo-command-default-hover-bg: #e6e6e6;
    --arise-kendo-command-default-hover-border: #afb4b9;
    --arise-kendo-command-default-focus-shadow: 0 0 0 .25rem rgba(108, 117, 125, .25);

    --arise-kendo-command-primary-color: #fff;
    --arise-kendo-command-primary-bg: var(--bs-primary);
    --arise-kendo-command-primary-border: var(--bs-primary);
    --arise-kendo-command-primary-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, #000 15%);
    --arise-kendo-command-primary-hover-border: color-mix(in srgb, var(--bs-primary) 80%, #000 20%);
    --arise-kendo-command-primary-focus-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

/* Include custom command names used by BS5-migrated grids (view/re-open/reapply/close + dropdown templates). */
    .k-grid .k-command-cell {
        --arise-kendo-command-selector: :is(.k-grid-edit, .k-grid-view, .k-grid-delete, .k-grid-arise-delete, .k-grid-update, .k-grid-cancel, .k-grid-re-open, .k-grid-reopen, .k-grid-reapply, .k-grid-close, .k-grid-subsidy, .k-grid-close-subsidy);
    }

    .k-grid .k-command-cell:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy) {
        /* Keep table-cell behavior so column sizing comes from table layout */
        display: table-cell;
        padding: var(--arise-kendo-command-btn-gap) !important;
        width: var(--arise-kendo-command-cell-width);
        min-width: var(--arise-kendo-command-cell-width);
        max-width: var(--arise-kendo-command-cell-width);
    }

    .k-grid .k-command-cell:has(> button.k-grid-arise-delete, > .k-button.k-grid-arise-delete) {
        display: table-cell;
        padding: var(--arise-kendo-command-btn-gap) !important;
        width: var(--arise-kendo-command-cell-width);
        min-width: var(--arise-kendo-command-cell-width);
        max-width: var(--arise-kendo-command-cell-width);
    }

    .k-grid .k-command-cell:has(> button.k-grid-markCleared, > .k-button.k-grid-markCleared) {
        display: table-cell;
        padding: var(--arise-kendo-command-btn-gap) !important;
        width: var(--arise-kendo-command-cell-width);
        min-width: var(--arise-kendo-command-cell-width);
        max-width: var(--arise-kendo-command-cell-width);
    }

    .k-grid .k-command-cell:has(> button.k-grid-Withdraw, > .k-button.k-grid-Withdraw, > button.k-grid-Modify, > .k-button.k-grid-Modify) {
        display: table-cell;
        padding: var(--arise-kendo-command-btn-gap) !important;
        width: var(--arise-kendo-command-cell-width);
        min-width: var(--arise-kendo-command-cell-width);
        max-width: var(--arise-kendo-command-cell-width);
    }

/*
    Fallback support for Notes-style edit-row layout where header rows/colspan are dynamically rebuilt.
    This avoids relying only on :has(...) + last-child/header matching.
*/
.k-grid .k-grid-edit-row > td.k-command-cell {
    padding: var(--arise-kendo-command-btn-gap) !important;
    width: var(--arise-kendo-command-cell-width) !important;
    min-width: var(--arise-kendo-command-cell-width) !important;
    max-width: var(--arise-kendo-command-cell-width) !important;
    vertical-align: top;
}

/* Notes grid specific command-cell hook */
.k-grid td.k-command-cell.arise-notes-command-cell {
    padding: var(--arise-kendo-command-btn-gap) !important;
    width: var(--arise-kendo-command-cell-width) !important;
    min-width: var(--arise-kendo-command-cell-width) !important;
    max-width: var(--arise-kendo-command-cell-width) !important;
    vertical-align: top !important;
}

.k-grid td.k-command-cell.arise-notes-command-cell > .k-button + .k-button,
.k-grid td.k-command-cell.arise-notes-command-cell > button + button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-top: var(--arise-kendo-command-btn-gap) !important;
}

/* Notes edit-row override: keep second command button right-aligned */
.k-grid .k-grid-edit-row > td.k-command-cell.arise-notes-command-cell > .k-button + .k-button,
.k-grid .k-grid-edit-row > td.k-command-cell.arise-notes-command-cell > button + button {
    margin-inline-start: auto !important;
}

.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-edit,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-view,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-delete,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-arise-delete,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-update,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-cancel,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-re-open,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-reopen,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-reapply,
.k-grid td.k-command-cell.arise-notes-command-cell > button.k-grid-close,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-edit,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-view,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-delete,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-arise-delete,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-update,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-cancel,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-re-open,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-reopen,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-reapply,
.k-grid td.k-command-cell.arise-notes-command-cell > .k-button.k-grid-close {
    width: min(100%, var(--arise-kendo-command-cell-width));
    max-width: var(--arise-kendo-command-cell-width);
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
}

.k-grid .k-grid-edit-row > td.k-command-cell > .k-button + .k-button,
.k-grid .k-grid-edit-row > td.k-command-cell > button + button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    margin-top: var(--arise-kendo-command-btn-gap) !important;
}

.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-update,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-cancel,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-edit,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-view,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-delete,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-arise-delete,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-re-open,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-reopen,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-reapply,
.k-grid .k-grid-edit-row > td.k-command-cell > button.k-grid-close,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-update,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-cancel,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-edit,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-view,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-delete,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-arise-delete,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-re-open,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-reopen,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-reapply,
.k-grid .k-grid-edit-row > td.k-command-cell > .k-button.k-grid-close {
    width: min(100%, var(--arise-kendo-command-cell-width));
    max-width: var(--arise-kendo-command-cell-width);
    margin-inline-start: auto;
    margin-inline-end: 0;
}

/* Enforce command column width at table layout level (colgroup/header/body) */
    .k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy)) colgroup col:last-child {
        width: var(--arise-kendo-command-cell-width) !important;
    }

    .k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy)) thead th[aria-label="Actions"]:last-child:not(.k-group-cell):not(.k-hierarchy-cell),
    .k-grid tbody td.k-command-cell:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy) {
        width: var(--arise-kendo-command-cell-width) !important;
        min-width: var(--arise-kendo-command-cell-width) !important;
        max-width: var(--arise-kendo-command-cell-width) !important;
    }

.k-grid thead th[aria-label="Actions"]:not(.k-group-cell):not(.k-hierarchy-cell) {
    width: var(--arise-kendo-command-cell-width) !important;
    min-width: var(--arise-kendo-command-cell-width) !important;
    max-width: var(--arise-kendo-command-cell-width) !important;
}

/* Override Kendo's default horizontal button spacing in command cells */
    .k-grid .k-command-cell:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy) > .k-button + .k-button,
    .k-grid .k-command-cell:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, > .k-grid-subsidy, > .k-grid-close-subsidy) > button + button {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
    }

/* Alerts grids command-cell alignment override (custom grid behavior)
   Keep the second edit-row command button (Cancel) right-aligned without changing shared defaults.
*/
.k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-arise-delete, > .k-button.k-grid-arise-delete)) colgroup col:last-child {
    width: var(--arise-kendo-command-cell-width) !important;
}

.k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-arise-delete, > .k-button.k-grid-arise-delete)) thead th[aria-label="Actions"]:last-child:not(.k-group-cell):not(.k-hierarchy-cell),
.k-grid tbody td.k-command-cell:has(> button.k-grid-arise-delete, > .k-button.k-grid-arise-delete) {
    width: var(--arise-kendo-command-cell-width) !important;
    min-width: var(--arise-kendo-command-cell-width) !important;
    max-width: var(--arise-kendo-command-cell-width) !important;
}

.k-grid[id$='CommunicationListGrid'] .k-grid-edit-row > td.k-command-cell > .k-button + .k-button,
.k-grid[id$='CommunicationListGrid'] .k-grid-edit-row > td.k-command-cell > button + button,
.k-grid[id$='TaskListGrid'] .k-grid-edit-row > td.k-command-cell > .k-button + .k-button,
.k-grid[id$='TaskListGrid'] .k-grid-edit-row > td.k-command-cell > button + button,
.k-grid[id$='NoticeListGrid'] .k-grid-edit-row > td.k-command-cell > .k-button + .k-button,
.k-grid[id$='NoticeListGrid'] .k-grid-edit-row > td.k-command-cell > button + button,
.k-grid[id$='ClearedTaskListGrid'] .k-grid-edit-row > td.k-command-cell > .k-button + .k-button,
.k-grid[id$='ClearedTaskListGrid'] .k-grid-edit-row > td.k-command-cell > button + button {
    margin-inline-start: auto !important;
}

    .k-grid .k-command-cell > button.k-grid-edit,
    .k-grid .k-command-cell > button.k-grid-view,
    .k-grid .k-command-cell > button.k-grid-delete,
.k-grid .k-command-cell > button.k-grid-arise-delete,
    .k-grid .k-command-cell > button.k-grid-update,
    .k-grid .k-command-cell > button.k-grid-cancel,
    .k-grid .k-command-cell > button.k-grid-re-open,
    .k-grid .k-command-cell > button.k-grid-reopen,
    .k-grid .k-command-cell > button.k-grid-reapply,
    .k-grid .k-command-cell > button.k-grid-close,
    .k-grid .k-command-cell > .k-button.k-grid-edit,
    .k-grid .k-command-cell > .k-button.k-grid-view,
    .k-grid .k-command-cell > .k-button.k-grid-delete,
.k-grid .k-command-cell > .k-button.k-grid-arise-delete,
    .k-grid .k-command-cell > .k-button.k-grid-update,
    .k-grid .k-command-cell > .k-button.k-grid-cancel,
    .k-grid .k-command-cell > .k-button.k-grid-re-open,
    .k-grid .k-command-cell > .k-button.k-grid-reopen,
    .k-grid .k-command-cell > .k-button.k-grid-reapply,
    .k-grid .k-command-cell > .k-button.k-grid-close,
    .k-grid .k-command-cell > .k-button.k-grid-subsidy,
    .k-grid .k-command-cell > .k-button.k-grid-close-subsidy {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: var(--arise-kendo-command-btn-icon-gap);
        width: min(100%, var(--arise-kendo-command-cell-width));
        max-width: var(--arise-kendo-command-cell-width);
        margin-inline-start: auto;
        margin-inline-end: 0;
        min-height: var(--arise-kendo-command-btn-min-height);
        min-width: 0;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        text-decoration: none;
        font-weight: 400;
        font-size: var(--arise-kendo-command-btn-font-size);
        line-height: var(--arise-kendo-command-btn-line-height);
        padding: var(--arise-kendo-command-btn-padding-y) var(--arise-kendo-command-btn-padding-x);
        border: 1px solid var(--arise-kendo-command-default-border);
        border-radius: var(--arise-kendo-command-btn-radius);
        color: var(--arise-kendo-command-default-color);
        background-color: var(--arise-kendo-command-default-bg);
        background-image: none;
        cursor: pointer;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .k-grid .k-command-cell:has(> button.k-grid-edit, > button.k-grid-view, > button.k-grid-delete, > button.k-grid-update, > button.k-grid-cancel, > button.k-grid-re-open, > button.k-grid-reopen, > button.k-grid-reapply, > button.k-grid-close, > .k-button.k-grid-edit, > .k-button.k-grid-view, > .k-button.k-grid-delete, > .k-button.k-grid-update, > .k-button.k-grid-cancel, > .k-button.k-grid-re-open, > .k-button.k-grid-reopen, > .k-button.k-grid-reapply, > .k-button.k-grid-close, > .k-grid-amend, > .k-grid-close-request, .k-grid-subsidy, .k-grid-close-subsidy) > :is(button, .k-button, .k-grid-amend, .k-grid-close-request, .k-grid-subsidy, .k-grid-close-subsidy) + :is(button, .k-button, .k-grid-amend, .k-grid-close-request, .k-grid-subsidy, .k-grid-close-subsidy) {
        margin-top: var(--arise-kendo-command-btn-gap) !important;
    }

    .k-grid .k-command-cell:has(> button.k-grid-arise-delete, > .k-button.k-grid-arise-delete) > :is(button, .k-button) + :is(button, .k-button) {
        margin-top: var(--arise-kendo-command-btn-gap) !important;
    }

/* Template-based dropdown commands in command cell (Amend / Close Request) */
.k-grid .k-command-cell > .k-grid-amend,
.k-grid .k-command-cell > .k-grid-close-request {
    display: block;
    width: min(100%, var(--arise-kendo-command-cell-width));
    max-width: var(--arise-kendo-command-cell-width);
    margin-inline-start: auto;
    margin-inline-end: 0;
}

.k-grid .k-command-cell > .k-grid-amend > .dropdown-toggle,
.k-grid .k-command-cell > .k-grid-close-request > .dropdown-toggle {
    width: 100%;
    justify-content: center;
}

    /* Hide Bootstrap default caret so only the custom FA caret icon is shown. */
    .k-grid .k-command-cell > .k-grid-amend > .dropdown-toggle::after,
    .k-grid .k-command-cell > .k-grid-close-request > .dropdown-toggle::after,
    .k-grid .k-command-cell > .k-grid-amend > .dropdown-toggle::before,
    .k-grid .k-command-cell > .k-grid-close-request > .dropdown-toggle::before {
        display: none;
    }

.k-grid .k-command-cell > .k-grid-amend > .dropdown-menu,
.k-grid .k-command-cell > .k-grid-close-request > .dropdown-menu {
    min-width: 100%;
}

/* ProfileApplication custom commands */
.k-grid .k-command-cell > button.k-grid-Withdraw,
.k-grid .k-command-cell > .k-button.k-grid-Withdraw,
.k-grid .k-command-cell > button.k-grid-Modify,
.k-grid .k-command-cell > .k-button.k-grid-Modify,
.k-grid .k-command-cell > button.k-grid-markCleared,
.k-grid .k-command-cell > .k-button.k-grid-markCleared {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, var(--arise-kendo-command-cell-width));
    max-width: var(--arise-kendo-command-cell-width);
    margin-inline-start: auto;
    margin-inline-end: 0;
    min-height: var(--arise-kendo-command-btn-min-height);
    white-space: nowrap;
    font-size: var(--arise-kendo-command-btn-font-size);
    line-height: var(--arise-kendo-command-btn-line-height);
    padding: var(--arise-kendo-command-btn-padding-y) var(--arise-kendo-command-btn-padding-x);
    border-radius: var(--arise-kendo-command-btn-radius);
}

.k-grid .k-command-cell > button.k-grid-Withdraw,
.k-grid .k-command-cell > .k-button.k-grid-Withdraw,
.k-grid .k-command-cell > button.k-grid-Modify,
.k-grid .k-command-cell > .k-button.k-grid-Modify,
.k-grid .k-command-cell > button.k-grid-markCleared,
.k-grid .k-command-cell > .k-button.k-grid-markCleared {
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-bg);
    border-color: var(--arise-kendo-command-default-border);
}

.k-grid .k-command-cell > button.k-grid-Withdraw:hover,
.k-grid .k-command-cell > .k-button.k-grid-Withdraw:hover,
.k-grid .k-command-cell > button.k-grid-Modify:hover,
.k-grid .k-command-cell > .k-button.k-grid-Modify:hover,
.k-grid .k-command-cell > button.k-grid-markCleared:hover,
.k-grid .k-command-cell > .k-button.k-grid-markCleared:hover,
.k-grid .k-command-cell > button.k-grid-Withdraw:active,
.k-grid .k-command-cell > .k-button.k-grid-Withdraw:active,
.k-grid .k-command-cell > button.k-grid-Modify:active,
.k-grid .k-command-cell > .k-button.k-grid-Modify:active,
.k-grid .k-command-cell > button.k-grid-markCleared:active,
.k-grid .k-command-cell > .k-button.k-grid-markCleared:active {
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-hover-bg);
    border-color: var(--arise-kendo-command-default-hover-border);
}

.k-grid .k-command-cell > button.k-grid-Withdraw:focus-visible,
.k-grid .k-command-cell > .k-button.k-grid-Withdraw:focus-visible,
.k-grid .k-command-cell > button.k-grid-Modify:focus-visible,
.k-grid .k-command-cell > .k-button.k-grid-Modify:focus-visible,
.k-grid .k-command-cell > button.k-grid-markCleared:focus-visible,
.k-grid .k-command-cell > .k-button.k-grid-markCleared:focus-visible {
    outline: 0;
    box-shadow: var(--arise-kendo-command-default-focus-shadow);
}

.k-grid .k-command-cell > button.k-grid-edit > .k-icon,
.k-grid .k-command-cell > button.k-grid-view > .k-icon,
.k-grid .k-command-cell > button.k-grid-delete > .k-icon,
.k-grid .k-command-cell > button.k-grid-arise-delete > .k-icon,
.k-grid .k-command-cell > button.k-grid-update > .k-icon,
.k-grid .k-command-cell > button.k-grid-cancel > .k-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: 1;
    flex: 0 0 auto;
    margin-inline-end: 0;
    vertical-align: middle;
}

/* Custom View command icon (Kendo eye icon) */
.k-grid .k-command-cell > button.k-grid-view > .k-button-text::before {
    content: "\e13d";
    display: inline-block;
    width: 1rem;
    text-align: center;
    margin-right: var(--arise-kendo-command-btn-icon-gap);
    font-family: "WebComponentsIcons";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}

/* Custom Delete command fallback icon */
.k-grid .k-command-cell > button.k-grid-delete > .k-button-text::before,
.k-grid .k-command-cell > button.k-grid-arise-delete > .k-button-text::before {
    content: "\e10c";
    display: inline-block;
    width: 1rem;
    text-align: center;
    margin-right: var(--arise-kendo-command-btn-icon-gap);
    font-family: "WebComponentsIcons";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}

/*Alternative icon style (hidden):*/
/*.k-grid .k-command-cell > button.k-grid-edit > .k-icon,
.k-grid .k-command-cell > button.k-grid-delete > .k-icon,
.k-grid .k-command-cell > button.k-grid-update > .k-icon,
.k-grid .k-command-cell > button.k-grid-cancel > .k-icon {
    display: none !important;
}*/


.k-grid .k-command-cell > button.k-grid-edit,
.k-grid .k-command-cell > button.k-grid-update,
.k-grid .k-command-cell > .k-button.k-grid-edit,
.k-grid .k-command-cell > .k-button.k-grid-update {
    color: var(--arise-kendo-command-primary-color);
    background-color: var(--arise-kendo-command-primary-bg);
    border-color: var(--arise-kendo-command-primary-border);
}

.k-grid .k-command-cell > button.k-grid-edit:hover,
.k-grid .k-command-cell > button.k-grid-view:hover,
.k-grid .k-command-cell > button.k-grid-delete:hover,
.k-grid .k-command-cell > button.k-grid-arise-delete:hover,
.k-grid .k-command-cell > button.k-grid-update:hover,
.k-grid .k-command-cell > button.k-grid-cancel:hover {
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-hover-bg);
    border-color: var(--arise-kendo-command-default-hover-border);
}

.k-grid .k-command-cell > button.k-grid-edit:hover,
.k-grid .k-command-cell > button.k-grid-update:hover,
.k-grid .k-command-cell > .k-button.k-grid-edit:hover,
.k-grid .k-command-cell > .k-button.k-grid-update:hover {
    color: var(--arise-kendo-command-primary-color);
    background-color: var(--arise-kendo-command-primary-hover-bg);
    border-color: var(--arise-kendo-command-primary-hover-border);
}

.k-grid .k-command-cell > button.k-grid-edit:focus-visible,
.k-grid .k-command-cell > button.k-grid-view:focus-visible,
.k-grid .k-command-cell > button.k-grid-delete:focus-visible,
.k-grid .k-command-cell > button.k-grid-arise-delete:focus-visible,
.k-grid .k-command-cell > button.k-grid-update:focus-visible,
.k-grid .k-command-cell > button.k-grid-cancel:focus-visible {
    outline: 0;
    box-shadow: var(--arise-kendo-command-default-focus-shadow);
}

.k-grid .k-command-cell > button.k-grid-edit:focus-visible,
.k-grid .k-command-cell > button.k-grid-update:focus-visible,
.k-grid .k-command-cell > .k-button.k-grid-edit:focus-visible,
.k-grid .k-command-cell > .k-button.k-grid-update:focus-visible {
    box-shadow: var(--arise-kendo-command-primary-focus-shadow);
}

.k-grid .k-command-cell > button.k-grid-edit:active,
.k-grid .k-command-cell > button.k-grid-view:active,
.k-grid .k-command-cell > button.k-grid-delete:active,
.k-grid .k-command-cell > button.k-grid-arise-delete:active,
.k-grid .k-command-cell > button.k-grid-update:active,
.k-grid .k-command-cell > button.k-grid-cancel:active {
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-hover-bg);
    border-color: var(--arise-kendo-command-default-hover-border);
}

.k-grid .k-command-cell > button.k-grid-edit:active,
.k-grid .k-command-cell > button.k-grid-update:active,
.k-grid .k-command-cell > .k-button.k-grid-edit:active,
.k-grid .k-command-cell > .k-button.k-grid-update:active {
    color: var(--arise-kendo-command-primary-color);
    background-color: var(--arise-kendo-command-primary-hover-bg);
    border-color: var(--arise-kendo-command-primary-hover-border);
}

.k-grid .k-command-cell > button.k-grid-edit:disabled,
.k-grid .k-command-cell > button.k-grid-view:disabled,
.k-grid .k-command-cell > button.k-grid-delete:disabled,
.k-grid .k-command-cell > button.k-grid-arise-delete:disabled,
.k-grid .k-command-cell > button.k-grid-update:disabled,
.k-grid .k-command-cell > button.k-grid-cancel:disabled,
.k-grid .k-command-cell > .k-button.k-grid-edit:disabled,
.k-grid .k-command-cell > .k-button.k-grid-view:disabled,
.k-grid .k-command-cell > .k-button.k-grid-delete:disabled,
.k-grid .k-command-cell > .k-button.k-grid-arise-delete:disabled,
.k-grid .k-command-cell > .k-button.k-grid-update:disabled,
.k-grid .k-command-cell > .k-button.k-grid-cancel:disabled {
    opacity: .65;
    pointer-events: none;
}

/* PlacementSummary custom command buttons (separate from shared Kendo command button styles)
   Keep custom placement actions visually aligned with the grid command button stack:
   block-width buttons with vertical gaps.
*/
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell {
    padding: var(--arise-kendo-command-btn-gap) !important;
}

.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell:has(> .k-grid-addPlacement, > .k-grid-addOtherPlacement, > .k-grid-addBackupPlacement, > button.k-grid-addPlacement, > button.k-grid-addOtherPlacement, > button.k-grid-addBackupPlacement),
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell:has(> .k-grid-setPrimaryPlacement, > button.k-grid-setPrimaryPlacement) {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
}

.k-grid[id='PlacementEligibleChildrenGrid'] thead th[aria-label='Actions'],
.k-grid[id='PlacementChildrenGrid'] thead th[aria-label='Actions'] {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
}

.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addPlacement,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addOtherPlacement,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addBackupPlacement,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addPlacement,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addOtherPlacement,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addBackupPlacement,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > button.k-grid-setPrimaryPlacement,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > .k-button.k-grid-setPrimaryPlacement {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--arise-kendo-command-btn-icon-gap);
    width: 100%;
    min-width: var(--arise-kendo-command-cell-width);
    max-width: none;
    margin-inline-start: auto;
    margin-inline-end: 0;
    min-height: var(--arise-kendo-command-btn-min-height);
    min-width: 0;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    text-decoration: none;
    font-weight: 400;
    font-size: var(--arise-kendo-command-btn-font-size);
    line-height: var(--arise-kendo-command-btn-line-height);
    padding: var(--arise-kendo-command-btn-padding-y) var(--arise-kendo-command-btn-padding-x);
    border: 1px solid var(--arise-kendo-command-default-border);
    border-radius: var(--arise-kendo-command-btn-radius);
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-bg);
    background-image: none;
    cursor: pointer;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > :is(button, .k-button):is(.k-grid-addPlacement, .k-grid-addOtherPlacement, .k-grid-addBackupPlacement):not([style*='display: none']):not([hidden]):not(.k-hidden)
    + :is(button, .k-button):is(.k-grid-addPlacement, .k-grid-addOtherPlacement, .k-grid-addBackupPlacement):not([style*='display: none']):not([hidden]):not(.k-hidden),
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > :is(button, .k-button).k-grid-setPrimaryPlacement:not([style*='display: none']):not([hidden]):not(.k-hidden)
    + :is(button, .k-button).k-grid-setPrimaryPlacement:not([style*='display: none']):not([hidden]):not(.k-hidden) {
    margin-top: var(--arise-kendo-command-btn-gap) !important;
}

.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addPlacement:hover,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addOtherPlacement:hover,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addBackupPlacement:hover,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addPlacement:hover,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addOtherPlacement:hover,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addBackupPlacement:hover,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > button.k-grid-setPrimaryPlacement:hover,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > .k-button.k-grid-setPrimaryPlacement:hover {
    color: var(--arise-kendo-command-default-color);
    background-color: var(--arise-kendo-command-default-hover-bg);
    border-color: var(--arise-kendo-command-default-hover-border);
}

.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addPlacement:focus-visible,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addOtherPlacement:focus-visible,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > button.k-grid-addBackupPlacement:focus-visible,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addPlacement:focus-visible,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addOtherPlacement:focus-visible,
.k-grid[id='PlacementEligibleChildrenGrid'] td.k-command-cell > .k-button.k-grid-addBackupPlacement:focus-visible,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > button.k-grid-setPrimaryPlacement:focus-visible,
.k-grid[id='PlacementChildrenGrid'] td.k-command-cell > .k-button.k-grid-setPrimaryPlacement:focus-visible {
    outline: 0;
    box-shadow: var(--arise-kendo-command-default-focus-shadow);
}

/*.k-grid .k-grid-pager ul.k-pager-numbers a {
    color: #265A87;
}*/

.k-grid .k-grid-pager .k-pager-sizes.k-label {
    color: var(--bs-link-color);
}

/*********************************************************** END Kendo Grid CSS ***********************************************************/

/*********************************************************** START Kendo Grid Delete Button Custom Styles ***********************************************************/

/* 
    NOTE: IF YOUR BUTTON USES THIS STYLE YOU HAVE MISCONFIGURED YOUR KENDO GRID DELETE BUTTON!
        DO NOT CHANGE THIS STYLE - THIS STYLE IS INTENTIONAL!!!
        THESE STYLES MAKE IT CLEAR THE DELETE BUTTON IS NOT CONFIGURED CORRECTLY
*/
.k-grid .k-command-cell:has(> button.k-grid-delete){display:table-cell;padding:var(--arise-kendo-command-btn-gap)!important;width:var(--arise-kendo-command-cell-width);min-width:var(--arise-kendo-command-cell-width);max-width:var(--arise-kendo-command-cell-width)}.k-grid td.k-command-cell.arise-notes-command-cell>button.k-grid-delete,.k-grid .k-grid-edit-row>td.k-command-cell>button.k-grid-delete{width:min(100%,var(--arise-kendo-command-cell-width));max-width:var(--arise-kendo-command-cell-width);margin-inline-start:auto;margin-inline-end:0}.k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-delete)) colgroup col:last-child{width:var(--arise-kendo-command-cell-width)!important}.k-grid table:has(tbody td.k-command-cell:last-child:has(> button.k-grid-delete)) thead th[aria-label="Actions"]:last-child:not(.k-group-cell):not(.k-hierarchy-cell),.k-grid tbody td.k-command-cell:has(> button.k-grid-delete){width:var(--arise-kendo-command-cell-width)!important;min-width:var(--arise-kendo-command-cell-width)!important;max-width:var(--arise-kendo-command-cell-width)!important}.k-grid .k-command-cell:has(> button.k-grid-delete)>.k-button+.k-button,.k-grid .k-command-cell:has(> button.k-grid-delete)>button+button,.k-grid .k-command-cell:has(> button.k-grid-delete)>button.k-grid-delete:not([style*='display: none'])+button{margin-left:0!important;margin-right:0!important;margin-inline-start:0!important;margin-inline-end:0!important;margin-top:var(--arise-kendo-command-btn-gap)!important}.k-grid .k-command-cell>button.k-grid-delete{display:flex;align-items:center;justify-content:center;gap:var(--arise-kendo-command-btn-icon-gap);width:min(100%,var(--arise-kendo-command-cell-width));max-width:var(--arise-kendo-command-cell-width);margin-inline-start:auto;margin-inline-end:0;min-height:var(--arise-kendo-command-btn-min-height);min-width:0;white-space:nowrap;text-align:center;vertical-align:middle;user-select:none;text-decoration:none;font-weight:400;font-size:var(--arise-kendo-command-btn-font-size);line-height:var(--arise-kendo-command-btn-line-height);padding:var(--arise-kendo-command-btn-padding-y) var(--arise-kendo-command-btn-padding-x);border:1px solid var(--bs-purple);border-radius:var(--arise-kendo-command-btn-radius);color:#fff;background-color:var(--bs-purple);background-image:none;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.k-grid .k-command-cell>button.k-grid-delete>.k-icon{display:none;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:1rem;line-height:1;flex:0 0 auto;margin-inline-end:0;vertical-align:middle}.k-grid .k-command-cell>button.k-grid-delete>.k-button-text::before{content:"\e403";display:inline-block;width:1rem;font-size:1rem;text-align:center;margin-right:var(--arise-kendo-command-btn-icon-gap);font-family:"WebComponentsIcons";font-weight:normal;font-style:normal;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}.k-grid .k-command-cell>button.k-grid-delete>.k-button-text{font-size:0}.k-grid .k-command-cell>button.k-grid-delete>.k-button-text::after{content:"BAD DELETE BUTTON CONFIG";font-size:var(--arise-kendo-command-btn-font-size);line-height:var(--arise-kendo-command-btn-line-height)}.k-grid .k-command-cell>button.k-grid-delete:hover,.k-grid .k-command-cell>button.k-grid-delete:active{color:#fff;background-color:color-mix(in srgb,var(--bs-purple) 85%,#000 15%);border-color:color-mix(in srgb,var(--bs-purple) 80%,#000 20%)}.k-grid .k-command-cell>button.k-grid-delete:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(var(--bs-purple-rgb),.25)}.k-grid .k-command-cell>button.k-grid-delete:disabled{opacity:.65;pointer-events:none}

/*********************************************************** END Kendo Grid Delete Button Custom Styles ***********************************************************/

/*********************************************************** START Kendo Scheduler CSS ***********************************************************/

.k-window .k-edit-buttons {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.k-window .k-edit-buttons .k-scheduler-delete {
    margin-right: auto;
}

.k-window .k-edit-buttons .k-scheduler-cancel {
    margin-left: auto;
}

.k-scheduler .k-other-month .k-link {
    color: #595959;
}

/*********************************************************** END Kendo Scheduler CSS ***********************************************************/

/*********************************************************** START Kendo Upload CSS ***********************************************************/

.k-upload .k-dropzone {
    flex-wrap: wrap;
}

/* Keep Kendo's native file input visually hidden when form-control is applied. */
.k-upload .k-upload-button input.form-control,
.k-upload .k-upload-button input.form-control:disabled {
    opacity: 0 !important;
}

/* Removes the cropped corners of the dropzone */
.k-widget.k-upload {
    padding: 1px;
    background-color: #f5f5f5;
}

    .k-widget.k-upload .k-dropzone-hint {
        font-family: 'barlow-italic';
        color: rgba(var(--bs-black-rgb));
    }

/*********************************************************** END Kendo Upload CSS ***********************************************************/

/*********************************************************** START Kendo Stepper CSS ***********************************************************/

.k-stepper .k-step-current .k-step-indicator,
.k-stepper .k-step-done .k-step-indicator {
    border-color: var(--bs-link-color);
    background-color: var(--bs-link-color);
}

.k-stepper .k-step-current.k-hover .k-step-indicator,
.k-stepper .k-step-current.k-step-hover .k-step-indicator,
.k-stepper .k-step-current:hover .k-step-indicator,
.k-stepper .k-step-done.k-hover .k-step-indicator,
.k-stepper .k-step-done.k-step-hover .k-step-indicator,
.k-stepper .k-step-done:hover .k-step-indicator {
    background-color: color-mix(in srgb, var(--bs-link-color) 92%, #000 8%);
}

.k-stepper .k-step-current .k-step-label,
.k-stepper .k-step.k-hover .k-step-label,
.k-stepper .k-step.k-step-hover .k-step-label,
.k-stepper .k-step:hover .k-step-label {
    font-family: 'barlow-bold';
}

    .k-stepper .k-step-current .k-step-label .k-step-text {
        text-overflow: initial;
        white-space: normal;
    }

/*********************************************************** END Kendo Stepper CSS ***********************************************************/