.k-picker.k-disabled,
.k-input.k-disabled,
.k-input input:disabled {
    background-color: #fff !important;
    border: none !important;
    color: #1E1E1E !important;
    opacity: 1.0 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    /* Base Text/MD (Default)/Base */
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--font-size-kendo-font-size-md, 16px) !important;
    font-style: normal !important;
    font-weight: var(--font-weight-kendo-font-weight-regular, 400) !important;
    line-height: 150% !important; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

.k-datepicker.k-input.k-input-outline.k-input-md.k-rounded-md.k-disabled {
    padding-top: 10px !important;
}

.custom-flex-container.switch-panel {
    padding: var(--kendo-spacing-0, 0);
    gap: var(--kendo-spacing-0, 0);
    align-self: stretch;
    border-radius: var(--kendo-border-radius-md, 6px);
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    background: #F8F8F8;
}

.custom-flex-container input[type="text"]:disabled {
    color: #1E1E1E;
    font-feature-settings: 'liga' off, 'clig' off !important;
    /* Base Text/MD (Default)/Base */
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--font-size-kendo-font-size-md, 16px) !important;
    font-style: normal !important;
    font-weight: var(--font-weight-kendo-font-weight-regular, 400) !important;
    line-height: 150% !important; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0) !important;
    padding-left: 0 !important;
}

/* Disabled Small Text TextBox - remove padding-inline */
input[data-controltype="Small Text"]:disabled,
span.k-input.pv-border-radius:has(input[data-controltype="Small Text"]:disabled) {
    padding-inline: unset !important;
}

span.k-input.k-input-outline:has(input[disabled]) {
    border: none !important;
}

textarea[data-controltype="Large Text"][disabled] {
    border: none !important;
    padding-inline: 0 !important;
}

/* Workflow status instructions — show full readonly text without clipping */
.StatusInstructionsText .k-textarea,
.StatusInstructionsText .k-input.k-textarea {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.StatusInstructionsText textarea,
.StatusInstructionsText textarea.k-input-inner {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    field-sizing: content;
    resize: none;
}

.k-svg-i-caret-alt-down {
    margin-left: 2.5px !important;
}

.k-picker-outline {
    color: #686b6b !important;
}

.k-listview {
    line-height: 1;
    min-height: 100px;
}

.k-input-inner {
    font-size: 15px !important;
    font-family: inherit;
}

.k-input-outline.k-textbox {
    /*border: none !important;*/
}

    .k-input-outline.k-textbox > .k-input-inner:not(:disabled) {
        /*border-width: 1px !important;*/
        border-style: solid !important;
    }

        .k-input-outline.k-textbox > .k-input-inner:not(:disabled):not(:hover) {
            border-color: #a7a7a7 !important;
        }

.k-picker.k-disabled > .k-input-inner, .k-input.k-disabled > .k-input-inner {
    padding: 0 !important;
    font-size: 15px !important;
    margin-top: 0px !important;
}

.k-picker.k-disabled > .k-button,
.k-input.k-disabled > .k-button {
    display: none !important;
}

.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager {
    display: none;
}

.k-grid tr .checkbox-align {
    text-align: center;
    vertical-align: middle;
}

.k-grid td.k-table-td {
    /*vertical-align: top;*/ /* TODO: Remove after verification of no unexpected consequences */
    vertical-align: middle !important;
}

.KendoGridButton {
    background: transparent;
    border: transparent;
}

/* Flat toolbar button that keeps its own text color (e.g. PS-Default-Color) instead of Kendo's solid button skin */
.k-grid .k-toolbar .k-button.k-toolbar-flat-button {
    background: transparent;
    border: transparent;
    box-shadow: none;
}

/* Icon-only flat toolbar button: size the icon to match the height of the neighboring Excel/search buttons */
    .k-grid .k-toolbar .k-button.k-toolbar-flat-button .k-button-icon {
        font-size: 21px;
        color: #0D6EFD;
    }

/* Generalized ordering for grids using the .k-toolbar-flat-button custom toolbar button pattern:
   Kendo always appends its built-in Excel export button (.k-grid-excel) last in the DOM regardless of
   ToolBar() declaration order, so a toolbar.Custom() button declared after toolbar.Excel() would
   otherwise render before it visually. Scoped to .k-toolbar-flat-button (not by grid ID) so it applies
   to every grid using this pattern, and does not affect other pre-existing custom toolbar buttons
   (e.g. "Delete Checked", "Download Zip") that use their own distinct classes. */
.k-grid-toolbar .k-grid-search {
    order: 1;
}

.k-grid-toolbar .k-grid-excel {
    order: 2;
}

.k-grid-toolbar .k-toolbar-flat-button {
    order: 3;
}

input.k-input-inner.k-readonly {
    opacity: .5;
}

.k-grid {
    width: 100%;
    font-size: 1rem !important;
}

.k-table-td, .k-cell-inner, .k-grid, .k-toolbar, .k-button, .k-tooltip-error, .card-block, .k-picker, .k-input, .k-listview, .k-input-value-text, .k-list, .k-pager, .k-chip-label, .k-table-row {
    font-family: 'Roboto', sans-serif !important;
}

    .k-picker:not(.k-disabled) .k-input-value-text {
        color: #000000DE !important;
    }

    .k-grid .k-grouping-row,
    .k-grid .k-table-row .k-group-cell {
        background-color: #f1f1f1 !important;
    }

/* Kendo edit input same size as drop downs */
.k-grid-edit-row .k-table-td input.text-box {
    line-height: 1.38;
    padding-block: 4px;
    padding-inline: 1.375rem;
    border-radius: 4px;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.38);
}

    .k-grid-edit-row .k-table-td input.text-box:hover {
        border-color: rgba(0, 0, 0, 0.87);
    }

.k-picker-outline {
    height: fit-content;
    background-color: #fff;
}

.k-text-center {
    text-align: center !important;
}

.k-treeview-leaf.k-selected {
    color: #3f51b5;
}

#AccountHierarchyTree .k-treeview-leaf.k-selected {
    color: white;
}

.k-dirty {
    border-color: #f31700 transparent transparent #f31700 !important;
}

/* This is for editing the theme so that the drop down selected item is not red */
.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    /*color: #3f51b5;*/
}

    .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover {
        /*color: #3f51b5;*/
    }

/* This is for editing the theme so that the drop down focus is not blue 
.k-picker-outline:focus, .k-picker-outline.k-focus {
    border-color: rgba(0, 0, 0, .87);
}*/

/* This is for editing the theme so that the search box bottom line is not blue 
.k-input-solid, .k-picker-solid {
    border-bottom-color: black !important;
}*/

/* This is for editing the theme so that when searching something, columns that were searched do not have a blue circle around the "3 dot" sub-menu */
/*.k-grid-header .k-grid-filter.k-active, .k-grid-header .k-table-th-column-menu.k-active, .k-grid-header .k-grid-header-menu.k-active, .k-grid-header .k-hierarchy-cell .k-icon.k-active, .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
    color: #757575;
    background-color: transparent;
}*/

/* This is for editing the theme so that the checkbox when checked is not blue */
/*.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: black;
    color: white;
    background-color: black;
}*/

/*.k-grid-edit-row .k-table-td input[type="checkbox"]:checked {
    accent-color: black;
}*/

/* This is for editing the theme so that the page numbers at the bottom of the grid are not blue */
/*.k-button-flat-primary {
    color: #757575;
}*/

/* This is for editing the theme so that the buttons are not blue */
.k-button-solid-primary {
    color: white;
    background-color: #414141;
    border-color: #414141;
}

.k-grid-search {
    border-color: rgba(0, 0, 0, 0.38) !important;
    background: none !important;
    border-width: 1px;
    border-radius: 20px !important;
    border: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.38) !important;
}

    .k-grid-search:focus-within {
        border-color: #414141 !important;
    }

    .k-grid-search.k-input-solid:focus-within::after,
    .k-grid-search.k-input-flat:focus-within::after,
    .k-grid-search.k-input-outline:focus-within::after,
    .k-grid-search.k-picker-solid:focus-within::after,
    .k-grid-search.k-picker-flat:focus-within::after,
    .k-grid-search.k-picker-outline:focus-within::after {
        opacity: 0;
        transform: none;
    }

.k-list-container.k-popup {
    border-width: 1px;
}

.k-calendar-container .k-calendar, .k-datetime-container .k-calendar {
    border-width: 1px;
}

.k-input-outline.k-textbox {
    /*border: none !important;*/
}

.k-input-outline:focus, .k-input-outline.k-focus {
    border-color: #414141 !important;
}

.k-input-outline::after, .k-picker-outline::after {
    border-width: 0;
}

/*.k-input-outline.k-textbox:focus > .k-input-inner:not(:disabled) {
    border-color: #414141 !important;
}*/

.k-input-outline:focus > .k-input-inner,
.k-input-outline.k-focus > .k-input-inner,
.k-input-outline.k-textbox:focus > .k-input-inner:not(:disabled),
.k-input-outline.k-textbox.k-focus > .k-input-inner:not(:disabled) {
    border-color: #414141 !important;
}

.k-tooltip-error {
    /* version with white background and red text */
    background-color: #fff;
    border: 1px solid #f31700;
    color: #f31700;
}

.k-edit-form-container {
    width: auto !important;
}

.k-invalid {
    border-color: #f31700 !important;
}

.k-window {
    font-family: 'Roboto', sans-serif !important;
}

/* 1080p-safe modal bounds; opt out with .ps-modal-fullscreen */
:root {
    --ps-modal-max-width: min(90vw, 1400px);
    --ps-modal-max-height: min(85vh, 900px);
}

.k-window:not(.ps-modal-fullscreen) {
    max-width: var(--ps-modal-max-width) !important;
    max-height: var(--ps-modal-max-height) !important;
}

.k-window:not(.ps-modal-fullscreen) > .k-window-content {
    max-height: calc(var(--ps-modal-max-height) - 2px);
    overflow-y: auto;
    overflow-x: hidden;
}

.k-table-td span.k-picker.k-disabled.k-invalid ~ div.k-validator-tooltip {
    display: none;
}

.k-pager .k-pager-numbers-wrap div.k-pager-numbers {
    display: inherit !important;
}

.k-pager .k-pager-numbers-wrap select.k-picker {
    display: none !important;
}

.site-admin .k-grid {
    height: fit-content !important;
}

    .site-admin .k-grid .k-auto-scrollable.k-grid-content {
        height: auto !important;
        overflow-y: auto !important;
        /*min-height: 100px;*/ /* TODO: see what best min-height is */
    }

.site-admin .k-grid-header {
    padding-right: 0px !important;
}

.k-table-thead, .k-grid-header {
    background-color: #f1f1f1 !important;
}

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border-inline-start-color: #e6e6e6;
}

.ps-k-grid-number {
    text-align: right !important;
}

.ps-k-grid-text, .ps-k-grid-date {
    text-align: left !important;
}

.ps-k-grid-logic, .ps-k-grid-image {
    text-align: center !important;
}

.k-grid-header .k-table-th {
    text-align: left !important;
    justify-content: left !important;
    overflow: hidden;
    white-space: normal;
}

.k-table-md .k-table-th, .k-table-md .k-table-td {
    padding-block: 5px;
    padding-inline: 8px;
}

.k-grid-md td, .k-grid-md .k-table-td, .k-grid-md .k-table-th {
    padding-block: 5px;
    padding-inline: 8px;
}

.k-grid td.k-table-td {
    vertical-align: top;
}

.k-grid-md .k-edit-cell, .k-grid-md .k-command-cell, .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td {
    /*.k-grid-md .k-edit-cell, .k-grid-md .k-grid-md .k-grid-edit-row td, .k-grid-md .k-grid-edit-row .k-table-td {*/
    padding-block: 5px;
    padding-inline: 8px;
}

/*.k-command-cell {
    display: flex;
}*/

/*.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding-block: 1rem !important;
    padding-inline: 1.375rem;
}*/

.k-searchbox .k-input-inner, .k-picker-md .k-input-inner {
    padding-block: var(--kendo-spacing-1\.5, 0.375rem);
    padding-inline: var(--kendo-spacing-3, 0.75rem);
}

.k-toolbar-md {
    padding-block: 5px;
    padding-inline: 8px;
}

.k-button-md {
    padding-block: 5px;
    padding-inline: 8px;
    font-size: 15px !important;
}

.k-grid-md .k-grouping-header {
    padding-block: 5px;
    padding-inline: 8px;
}

.k-grouping-header > .k-grouping-drop-container {
    padding-block: 5px;
    margin-block: -8px;
}

.k-input-md, .k-picker-md, .k-table-md {
    font-size: 1rem !important;
}

.k-grid-footer {
    padding-right: 0px !important;
}

.k-checkbox:disabled, .k-checkbox.k-disabled {
    margin-top: 13px;
}

.k-window.k-window-titleless {
    border-width: 2px;
}

.k-grid-pager {
    padding: 8px;
}

    .k-grid-pager .k-pager-numbers button {
        min-width: calc( 1.4285714286em + 16px + 2px);
    }

.k-grid-toolbar-button-withsearch {
    background: transparent;
    border: transparent;
    min-height: 33px;
    float: right;
    position: absolute;
    right: 5px;
}

.k-grid .KendoGridButton {
    background: transparent !important;
    border: transparent !important;
    color: #0D6EFD !important;
    margin: 0px;
}

.k-listview-content:has(.k-loading-mask.k-opaque + .k-listview-item) {
    height: 100px;
}

.k-loading-mask.k-opaque + .k-listview-content {
    height: 100px;
}

.k-loading-mask.k-opaque ~ .k-listview-item {
    display: none;
}

/*.pv-custom-dialog .k-tit*/

.pv-custom-dialog .k-dialog-titlebar-action {
    margin-left: 24px;
}

.pv-custom-dialog .k-dialog-titlebar {
    background-color: #000;
    color: #fff;
}

.pv-custom-dialog .k-dialog-actions {
    display: grid;
    grid-template-columns: 1fr minmax(80px, auto) minmax(80px, auto);
}

    .pv-custom-dialog .k-dialog-actions .pv-action-label {
        cursor: default;
        background-color: transparent;
        border: none;
        color: #000;
        justify-content: flex-start;
        font-size: inherit !important;
        text-transform: none;
    }

#accountSelectionTemplateLoader > #accountsGrid .k-table-th .k-checkbox-label.k-no-text {
    display: none;
}

/* Account selection dialog: fill overlay viewport with 10px buffer above/below */
.k-window.pv-account-selection-dialog.ps-modal-fullscreen {
    height: calc(100vh - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    top: 0 !important;
    left: unset !important;
}

.k-animation-container.pv-account-selection-dialog-host {
    height: calc(100vh - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    top: 0 !important;
}

.k-animation-container.pv-account-selection-dialog-host .k-window.pv-account-selection-dialog.ps-modal-fullscreen {
    height: 100% !important;
    max-height: 100% !important;
    top: 0 !important;
}

.k-window.pv-account-selection-dialog.ps-modal-fullscreen > .k-window-content {
    max-height: none !important;
    overflow: hidden;
}

.k-treeview-leaf:has(.pv-acct-hier-leaf) {
    width: 100%;
}

.pv-acct-hier-leaf {
    display: grid;
    grid-template-columns: 1fr 20px;
    align-items: center;
    width: 100%;
}

.pv-acct-hier-item-add {
    text-align: end;
    cursor: pointer;
}

td.k-sort-column {
    cursor: move;
    user-select: none;
}

td.k-sort-column .k-sort-handle {
    display: inline-block;
    padding: 8px;
    cursor: move;
}

.k-input-outline.k-invalid .k-input-inner:not(:disabled):not(:hover),
.k-input-outline.ng-invalid.ng-touched .k-input-inner:not(:disabled):not(:hover),
.k-input-outline.ng-invalid.ng-dirty .k-input-inner:not(:disabled):not(:hover) {
    border-color: #f31700 !important;
}

.k-input-outline .k-input-inner {
    border-radius: 4px;
}

.k-tooltip.k-darken-tooltip {
    border-color: rgba(97, 97, 97, 0.9) !important;
    color: #ffffff !important;
    background-color: rgba(97, 97, 97, 0.9) !important;
}

.k-grid-header .k-table-th.k-grid-header-sticky,
.k-grid-header td.k-grid-header-sticky,
.k-grid-header .k-table-td.k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
    background-color: #f1f1f1;
}

.PS-Hierarchial-Grid:not(:has(.k-loading-mask)) {
    width: min-content;
}

.PS-Hierarchial-Grid:has(.k-loading-mask) {
    width: 100vw;
}

td.fake-sticky-detail-cell {
    position: sticky;
    background: white;
    z-index: 30;
    top: 0;
    bottom: 0;
    transition: left 0.2s ease-in-out;
}

    /* First sticky cell (e.g., Comments) - left positioning only */
    td.fake-sticky-detail-cell:nth-child(3) {
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        border-right: 1px solid rgba(0, 0, 0, 0.5);
    }

    /* Second sticky cell (e.g., Actions) - left positioning only */
    td.fake-sticky-detail-cell:nth-child(4) {
        border-right: 1px solid rgba(0, 0, 0, 0.5);
    }

.k-grid-edit-command.k-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.k-button-solid-base {
    color: #0D6EFD;
}

/* Hide the default filled caret SVG */
.k-dropdownlist .k-input-button .k-svg-icon,
.k-picker .k-input-button .k-svg-icon {
    display: none !important;
}

/* Add your custom outline V as background on the button */
.k-dropdownlist .k-input-button,
.k-picker .k-input-button {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0833 1.083L7.583 7.583L1.083 1.083' stroke='%23232323' stroke-width='2.17' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 7px !important;
}

/* Restore proper width for the dropdown arrow button after hiding the default icon */
.k-dropdownlist .k-input-button,
.k-picker .k-input-button {
    width: 2.25rem !important; /* good default size - adjust if needed */
    min-width: 2.25rem !important;
    padding: 0 !important; /* removes extra padding that can interfere */
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* This is messing up input boxes on Enable / Disable on Investment Asset Details */
/* format input boxes */
.k-input.k-textbox,
span.k-textbox,
.k-picker.k-datepicker .k-input,
.k-picker.k-numerictextbox .k-input {
    /*width: 95% !important;*/
    /*padding-block: 10px !important;*/
}

.control-label {
    color: #212529 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--Title-Medium-Size, 16px) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    letter-spacing: var(--letter-spacing-null, 0) !important;
    padding-bottom: 0.25rem;
}

.pv-switch-label {
    color: var(--kendo-color-on-app-surface, #212529) !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--font-size-kendo-font-size-md, 16px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    letter-spacing: var(--letter-spacing-null, 0) !important;
    margin-bottom: 0 !important;
}


.k-input-inner {
    color: #1E1E1E !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--font-size-kendo-font-size-md, 16px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

/* TODO: Determine adverse affects */
/*.k-picker {
    width: 264px;
}*/

.k-button-md {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    height: 47px;
}

.k-button-group > .k-button-md {
    /*height: 38px !important;*/
    height: 47px !important;
}

.k-grid-edit-row .k-button-md {
    height: auto !important;
}

/* Paging enabled */
.k-grid.grid-with-paging {
    border-radius: 0.5rem !important;
    border: 1px solid #EBECF0 !important;
    background: #FFF !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Paging disabled */
#IPDAccountBalanceGrid,
#DashboardFilesGrid,
.k-grid.grid-no-paging {
    border-radius: 0.5rem !important;
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13)) !important;
    background: var(--kendo-color-surface-alt, #FFF) !important;
}

/* Hide pager-specific spacing if no paging */
.grid-no-paging .k-pager-wrap {
    display: none;
}

/* Pager */
.k-pager {
    border-top: 1px solid #EBECF0;
    background: rgba(0, 0, 0, 0.00);
}

.k-pager-info {
    color: #42526E !important;
    font-family: Inter !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.investor-portal-grid .k-pager-refresh {
    display: none !important;
}

.k-pager-numbers .k-button {
    padding: 0 !important;
}

.k-pager-refresh .k-svg-icon path {
    fill: var(--kendo-color-primary, #0275d8) !important;
}

/* Pager number base style */
.k-pager .k-pager-numbers-wrap div.k-pager-numbers {
    align-items: center;
}

/* Grid page numbers */
.k-pager-numbers .k-button {
    /*display: flex;*/
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    max-width: 2rem !important;
    padding: 0.4375rem 0.494125rem 0.3125rem 0.818375rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 6px;
    border: 0;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 400;
    color: #303030;
}

    /* Active page */
    .k-pager-numbers .k-button.k-selected {
        width: 2rem !important;
        height: 2rem !important;
        width: 2rem !important;
        height: 2rem !important;
        background: #0052CC !important;
        color: #FFFFFF !important;
    }

.k-picker-md .k-input-inner {
    padding-block: 0 !important;
    padding-inline: 1.38rem;
}

/* Make pager a flex row */
.k-pager-wrap {
    display: flex;
}

/* Move "Showing X to Y of Z" to the left */
.k-pager-info {
    order: 1;
    text-align: start;
}

/* Move paging controls to the right */
.k-pager-numbers-wrap {
    order: 2;
    /*margin-left: auto;*/
}

.k-icon-button {
    color: #42526E !important;
}

/* Kendo Grid Previous and Next Chevron*/
.k-pager-prev .k-button-icon,
.k-pager-first .k-button-icon {
    background-image: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'>\
        <path d='M0.220337 5.47012C-0.0726318 5.76309 -0.0726318 6.23887 0.220337 6.53184L4.72034 11.0318C5.01331 11.3248 5.48909 11.3248 5.78206 11.0318C6.07502 10.7389 6.07502 10.2631 5.78206 9.97012L1.81174 5.9998L5.77971 2.02949C6.07268 1.73652 6.07268 1.26074 5.77971 0.967773C5.48674 0.674805 5.01096 0.674805 4.71799 0.967773L0.217993 5.46777Z' fill='%2342526E'/>\
        </svg>");
}

.k-pager-next .k-button-icon,
.k-pager-last .k-button-icon {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'>\
<path d='M7.27968 5.47012C7.57264 5.76309 7.57264 6.23887 7.27968 6.53184L2.77968 11.0318C2.48671 11.3248 2.01093 11.3248 1.71796 11.0318C1.42499 10.7389 1.42499 10.2631 1.71796 9.97012L5.68827 5.9998L1.7203 2.02949C1.42733 1.73652 1.42733 1.26074 1.7203 0.967773C2.01327 0.674805 2.48905 0.674805 2.78202 0.967773L7.28202 5.46777Z' fill='%2342526E'/>\
</svg>");
}

.k-pager-nav .k-button-icon {
    width: 0.5rem !important;
    min-width: 0.5rem !important;
    height: 0.75rem !important;
    min-height: 0.75rem !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Hide Kendo's built-in SVG */
.k-pager-nav svg {
    display: none;
}

/* Note: apply this class to grids with no scrolling "investor-portal-grid" */
/* Investor Portal grids - proper scrollable height */
.investor-portal-grid .k-grid-content {
    height: auto !important; /* Let it grow with content */
    /*min-height: 200px !important;*/ /* Minimum visible area for few rows */
    max-height: 70vh !important; /* Cap at 70% viewport height for large datasets */
    overflow-y: auto !important; /* Scroll when exceeds max-height */
    overflow-x: auto !important;
}

/* Investor Portal grids - Ensure the grid itself can grow */
.investor-portal-grid .k-grid {
    height: auto !important;
}

/* Grids with class custom-form-grid: wrapper stays content-sized; JS sets .k-grid-content height to row count */
.custom-form-grid.k-grid {
    height: auto !important;
}

.custom-form-grid .k-grid-content,
.custom-form-grid .k-grid-content.k-auto-scrollable {
    /* Height is applied in helper.FitGridHeightToRows after dataBound */
    max-height: 740px;
    overflow-y: auto !important;
    overflow-x: auto !important;
}

/* Unbounded fit: no max-height cap (e.g. AssetBudgetForecastSummary shows all rows) */
.custom-form-grid.custom-form-grid-no-max .k-grid-content,
.custom-form-grid.custom-form-grid-no-max .k-grid-content.k-auto-scrollable {
    max-height: none !important;
    overflow-y: visible !important;
}

/* Adjust the filter padding on Drop Down List so that it is smaller */
.k-input-inner[placeholder="Filter"] {
    padding-block: 0.25rem !important;
}

/* Slightly darker on the ... below the filter to avoid looking like too much padding from above rule */
.k-list-optionlabel {
    background-color: #f1f1f1;
}

/* Remove the old lift effect */
.search-card:hover {
    top: 0; /* override the -10px */
    transform: none; /* in case you had translate too */
}

/* Hover effect - Match Kendo input focus style */
.search-card:hover {
    /*    transform: scale(1.03);*/
    border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
    color: var(--kendo-color-on-app-surface, #212529);
    background-color: var(--kendo-color-app-surface, #ffffff);
    box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-card {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.k-picker.k-dropdownlist {
    /*    min-width: 14rem !important;*/
    min-height: 3rem !important;
}

.k-grid .k-grid-header {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.investor-portal-grid .k-grid-header-wrap.k-auto-scrollable {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.k-grid {
    border-radius: 0.5rem !important;
}

    .k-grid .k-grid-toolbar {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    /*padding-block: 0;*/
}

.investor-file-btn {
    border-radius: 32px !important;
    border: 1px solid #D9D9D9 !important;
    background: #FFF !important;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.12) !important;
    padding: 12px 16px !important;
    color: #1976B9 !important;
    font-family: Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important; /* space between icon and text */
    margin-top: 8px;
    margin-bottom: 8px;
}

    /* Style the SVG icon inside the button */
    .investor-file-btn .k-icon,
    .investor-file-btn .k-svg-icon {
        width: 16px !important;
        height: 16px !important;
    }

        .investor-file-btn .k-svg-icon path {
            fill: #1976B9 !important;
        }

    /* Optional: hover/focus/active states to feel more button-like */
    .investor-file-btn:hover,
    .investor-file-btn.k-hover,
    .investor-file-btn:focus,
    .investor-file-btn.k-focus {
        /*background: #f5faff !important;*/ /*very light blue hover */
        border-color: #1976B9 !important;
        box-shadow: 0 6px 16px -4px rgba(25, 118, 185, 0.2) !important;
    }

    .investor-file-btn:active,
    .investor-file-btn.k-active {
        background: #e6f4ff !important;
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.1) !important;
    }

/* Target only grids with the investor-portal-grid class */
.pv-investor-portal-grid .k-grid-header,
.pv-investor-portal-grid .k-grid-header-wrap {
    background-color: #FFFFFF !important;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

    /* Don't adjust the border radius on cells within the header */
    .pv-investor-portal-grid .k-grid-header table thead tr th {
        background-color: #FFFFFF !important;
    }

/* Target ALL Kendo MultiSelects on the page */
/* Target ALL Kendo MultiSelects on the page */
.k-multiselect,
.k-numerictextbox,
.currency-change {
    /* Force solid variant (like your textboxes) */
    --kendo-input-variant: solid !important;
    /* Match textbox size & rounding */
    --kendo-input-md-padding-x: 0.75rem !important;
    --kendo-input-md-padding-y: 0.375rem !important;
    border-radius: var(--kendo-border-radius-md, 0.375rem) !important;
    /* Background & border to match textbox look */
    --kendo-input-solid-bg: #ffffff !important; /* White background */
    --kendo-input-solid-text: #212529 !important; /* Dark text */
    --kendo-input-solid-border: #ced4da !important; /* Light gray border */
    --kendo-input-solid-hover-bg: #f8f9fa !important; /* Hover light gray */
    --kendo-input-solid-focus-border: #0A58CA !important; /* Focus blue - your theme */
    --kendo-input-solid-focus-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25) !important;
    height: 47px !important;
    border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

    /* Chip list (selected items) styling � make chips look integrated */
    .k-multiselect .k-chip-list {
        padding: 0.25rem 0.5rem;
        gap: 0.25rem;
    }

    /* Input field inside (when typing/searching) */
    /*.k-multiselect .k-input-inner {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #212529 !important;
}*/

    /* Placeholder text */
    .k-multiselect .k-input-inner::placeholder {
        color: #6c757d !important; /* Bootstrap-style gray */
    }

    /* Optional: Make it look even more like a textbox when empty */
    .k-multiselect:not(.k-state-focused) .k-input-inner::placeholder {
        color: #6c757d !important;
    }

    /* Optional: Hover effect to match textbox feel */
    .k-multiselect:hover {
        --kendo-input-solid-bg: #f8f9fa !important;
    }

.k-input-outline:focus, .k-input-outline.k-focus {
    border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent) !important;
}

.k-multiselect .k-input-inner.k-readonly {
    padding-left: 1.294rem !important;
    padding-right: 1.294rem !important;
}

.k-dropdownlist-popup .k-list-scroller {
    max-height: 400px; /* Adjust as needed */
}

/*#filter-save {
    background-color: #0D6EFD;
}*/

#filter-save {
    display: flex;
    width: 97px;
    padding: var(--kendo-spacing-2, 8px) var(--kendo-spacing-4, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    border-radius: 24px;
    border: 1px solid var(--kendo-color-primary);
    background: #0D6EFD;
}

/* This is in Figma but way too light */
.card-text-subtle {
    color: #E0E0E1;
}

.k-tooltip {
    background-color: #0A58CA !important;
    color: white !important;
    border-color: #0A58CA !important;
}

    .k-tooltip.custom-grid-tooltip {
        background-color: #0A58CA !important;
        color: white !important;
        border-color: #0A58CA !important;
    }

.k-grid .k-grid-header {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.k-grid-header-wrap {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.pv-primary-pill-button {
    border-radius: 24px;
    border: 1px solid var(--kendo-color-primary);
    background: var(--kendo-color-primary);
    display: flex;
    padding: var(--kendo-spacing-15, 6px) var(--kendo-spacing-3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
}

.pv-secondary-pill-button {
    color: #0A58CA;
    border-radius: 24px;
    border: 0;
    background: transparent;
    display: flex;
    width: 98px;
    padding: var(--kendo-spacing-15, 6px) var(--kendo-spacing-3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
}

.k-button:hover::before, .k-button.k-hover::before {
    opacity: 0 !important;
}

.InvestorPortalModalContent {
    border-radius: var(--kendo-border-radius-md, 6px);
}

.k-filter-menu input[type="radio"].k-radio {
    margin-right: 8px !important;
}

/* Full primary background + force white icon/text for active filter menu button */
.k-grid-header .k-grid-header-menu.k-active {
    background-color: #0A58CA !important;
    color: #ffffff !important; /* text if any */
}

    /* Make sure the icon inside is white */
    .k-grid-header .k-grid-header-menu.k-active .k-icon,
    .k-grid-header .k-grid-header-menu.k-active .k-svg-icon {
        color: #ffffff !important;
        fill: #ffffff !important; /* for SVG icons */
    }

.k-picker.k-dropdownlist {
    /*    min-width: 14rem !important;*/
    min-height: 3rem !important;
}

    /* Remove min-width for these two */
    .k-picker.k-dropdownlist:has(#DateFormatID),
    .k-picker.k-dropdownlist:has(#TimeFormatID) {
        min-width: unset !important; /* or 0 or auto */
    }

.pv-rounded-ddl {
    border-radius: var(--sds-size-radius-full);
    border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default);
    background: var(--sds-color-background-default-default);
}

.pv-submit-button {
    width: 286px;
    padding: var(--kendo-spacing-2, 8px) var(--kendo-spacing-4, 16px) !important;
    border-radius: 24px !important;
    border: 1px solid var(--kendo-color-primary) !important;
    background: var(--kendo-color-primary) !important;
    border: 1px solid var(--kendo-color-primary) !important;
    color: #F8F9FA !important;
}

#userSetupPanel {
    width: 1000px;
}

.k-input.k-textbox.pv-login-input-kendo, span.k-textbox.pv-login-input-kendo {
    width: 100% !important;
}

/* Kendo Textbox is not getting default theming by form-control.  For now fix with .css */
.pv-border-radius {
    border-radius: 6px !important;
    padding-inline: var(--kendo-spacing-3, 0.75rem) !important;
    padding-block: 0.75rem !important;
}


/* Grid theme section */
/* 1. Remove ALL borders inside the grid */
.k-grid,
.k-grid * {
    border: none !important;
}

    .k-grid .k-grid-edit-row div[class*="k-input"] {
        border: 1px solid var(--kendo-color-border-alt) !important;
    }

    /* 2. Add border ONLY to the data container */
    .k-grid .k-grid-container {
        border: 1px solid #ccc !important; /* not sure this is being used */
    }

    /* 4. Make header feel like it's "floating" (no box look) */
    .k-grid .k-grid-header-wrap,
    .k-grid .k-grid-header table {
        border: none !important;
    }

    /* 5. Remove cell borders (header + body) */
    .k-grid th {
        border: none !important;
    }

    /* 6. Remove pager border so it "floats" */
    .k-grid .k-pager {
        border: none !important; /* margin-top: 8px; */ /* creates visual separation (floating effect) */
    }

    /* Optional: remove toolbar border if present */
    .k-grid .k-toolbar {
        border: none !important;
    }

    /* 7. Add border to the header */
    /*    7.5 commented output stop fix grid header gap bg color-profile that compensates form ever present scroll*/
    /*    .k-grid .k-grid-header {
        background: var(--kendo-color-surface-alt, #FFF) !important;
    }*/

    /* 8. Add borders back to cells (grid lines) */
    .k-grid .k-grid-header th,
    .k-grid .k-grid-content td {
        border-right: 1px solid #ddd !important;
        border-bottom: 1px solid #ddd !important;
    }

    /* 9. Add border back to the grid container */
    .k-grid .k-grid-container {
        border: 0.5px solid #ddd !important; /* border-color: red !important; */
    }

    /* 10. Add border back to the grid container */
    .k-grid .k-grid-header-wrap {
        border-right-width: 0.5px !important;
        border-right-style: solid !important;
        border-right-color: rgb(221, 221, 221) !important;
    }

    /* 11. Put back the checkbox border (now global for all grids) */
    .k-grid .k-checkbox {
        border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
        background-color: var(--kendo-color-app-surface, #ffffff) !important;
        border-width: 1px !important;
        border-style: solid !important;
    }

/* 11.1 Put back the checked styling for the row checkboxes */
.k-checkbox:checked, .k-checkbox.k-checked {
    border-color: var(--kendo-color-primary, #0A58CA) !important;
    color: var(--kendo-color-on-primary, white) !important;
    background-color: var(--kendo-color-primary, #0A58CA) !important;
}

.k-grid.grid-with-paging {
    border: none !important;
}

/* 12. Add grey border back to toolbar search box (matches other grid borders #ddd) */
.k-grid .k-toolbar .k-searchbox,
.k-grid .k-toolbar .k-grid-search,
.k-grid .k-toolbar .k-searchbox.k-input {
    border: none !important;
    border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2));
    background-color: #ffffff !important;
}

/* 13. Search box focus style (replacing the previous static grey border rule) */
.k-input-solid:focus-within {
    border-color: var(--kendo-color-primary-emphasis, #409cff);
    color: var(--kendo-color-on-app-surface, #212529);
    background-color: var(--kendo-color-app-surface, #ffffff);
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent);
}

/* Remove background color on header */
.k-toolbar-solid {
    background-color: #ffffff !important;
}

/* Hide default Kendo Excel icon + text � scoped to toolbar Excel button */
.k-grid .k-toolbar .k-grid-excel .k-button-icon,
.k-grid .k-toolbar .k-grid-excel .k-button-text {
    display: none !important;
}

/* 14. Override built-in Excel button SVG */
.k-grid .k-toolbar .k-grid-excel {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 16px !important;
    min-width: auto;
    color: #0D6EFD;
}

    .k-grid .k-toolbar .k-grid-excel::before {
        content: '' !important;
        display: flex !important; /* changed from block so it respects flex centering */
        align-items: center !important; /* vertically centers the icon inside the button */
        justify-content: center !important;
        width: 21px !important;
        height: 21px !important;
        background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2218%22%20viewBox%3D%220%200%2016%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d%3D%22M1.04175%208.54163V14.5416C1.04175%2014.9394%201.21734%2015.321%201.5299%2015.6023C1.84246%2015.8836%202.26639%2016.0416%202.70841%2016.0416H12.7084C13.1504%2016.0416%2013.5744%2015.8836%2013.8869%2015.6023C14.1995%2015.321%2014.3751%2014.9394%2014.3751%2014.5416V8.54163M4.37508%204.04163L7.70841%201.04163L11.0417%204.04163M7.70841%201.04163V10.7916%22%20stroke%3D%22%230D6EFD%22%20stroke-width%3D%222.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E") no-repeat center / contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        opacity: 1 !important; /* The icon was there but it had opacity 0 */
        top: auto !important; /* Override the kendo positioning to put at the bottom of the header */
        bottom: auto !important;
    }

/* 15. Override Download Zip button with custom SVG */
.k-grid .k-toolbar .grid-file-download-zip-btn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto;
    color: #0D6EFD;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important
}

    /* Hide default Ladda content (Font Awesome icon + text + label) */
    .k-grid .k-toolbar .grid-file-download-zip-btn .ladda-label,
    .k-grid .k-toolbar .grid-file-download-zip-btn .k-button-icon,
    .k-grid .k-toolbar .grid-file-download-zip-btn .k-button-text,
    .k-grid .k-toolbar .grid-file-download-zip-btn .far.fa-file-archive {
        display: none !important;
    }

    /* Insert your exact Download Zip SVG (using the SVG you just provided) */
    .k-grid .k-toolbar .grid-file-download-zip-btn::before {
        content: '' !important;
        display: flex !important;
        align-items: center !important; /* vertically centered � change to flex-end if you want it at the bottom */
        justify-content: center !important;
        width: 23px !important;
        height: 23px !important;
        background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d%3D%22M14.4375%201.3125H3.9375C3.21152%201.3125%202.625%201.89902%202.625%202.625V18.375C2.625%2019.101%203.21152%2019.6875%203.9375%2019.6875H17.0625C17.7885%2019.6875%2018.375%2019.101%2018.375%2018.375V5.25L14.4375%201.3125ZM3.9375%2018.375V2.625H6.5625V3.9375H7.875V5.25H6.5625V6.5625H7.875V7.875H6.5625V9.1875H7.875V10.5H6.5625V11.8125H7.875V13.2357C7.11211%2013.5064%206.5625%2014.2365%206.5625%2015.0938C6.5625%2016.1807%207.44434%2017.0625%208.53125%2017.0625C9.61816%2017.0625%2010.5%2016.1807%2010.5%2015.0938C10.5%2014.2365%209.95039%2013.5064%209.1875%2013.2357V10.5H10.5V9.1875H9.1875V7.875H10.5V6.5625H9.1875V5.25H10.5V3.9375H9.1875V2.625H13.125V6.5625H17.0625V18.375H3.9375ZM8.53125%2015.75C8.17031%2015.75%207.875%2015.4547%207.875%2015.0938C7.875%2014.7328%208.17031%2014.4375%208.53125%2014.4375C8.89219%2014.4375%209.1875%2014.7328%209.1875%2015.0938C9.1875%2015.4547%208.89219%2015.75%208.53125%2015.75Z%22%20fill%3D%22%230D6EFD%22/%3E%0A%3C/svg%3E") no-repeat center / contain !important;
        opacity: 1 !important;
        /* Override Kendo positioning (.k-button-overlay, .k-button::before) */
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
    }

/* Reorder the magnifying glass to right side */
.k-icon.k-svg-icon.k-svg-i-search.k-input-icon {
    order: 1 !important;
}

/* Order Excel button to the left of Download Zip */
.k-grid-excel {
    order: 1 !important;
}

/* Order Download Zip as 1st button to the right */
.k-grid-DownloadZip {
    order: 2 !important;
}

.k-toolbar-item {
    padding-right: 16px !important;
}

/* 18. Replace default Kendo search icon with your custom SVG (pure CSS � works on every grid) */
/*    Mirrors exactly how we overrode the Excel and Download Zip icons */
.k-grid .k-toolbar .k-searchbox .k-input-icon,
.k-grid .k-toolbar .k-grid-search .k-input-icon {
    position: relative !important;
}

    /* Hide the default Kendo search SVG */
    .k-grid .k-toolbar .k-searchbox .k-input-icon svg,
    .k-grid .k-toolbar .k-grid-search .k-input-icon svg,
    .k-grid .k-toolbar .k-searchbox .k-svg-i-search svg {
        display: none !important;
    }

    /* Insert your exact custom search SVG */
    .k-grid .k-toolbar .k-searchbox .k-input-icon::before,
    .k-grid .k-toolbar .k-grid-search .k-input-icon::before {
        content: '' !important;
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d%3D%22M17.5%2017.5L13.875%2013.875M15.8333%209.16667C15.8333%2012.8486%2012.8486%2015.8333%209.16667%2015.8333C5.48477%2015.8333%202.5%2012.8486%202.5%209.16667C2.5%205.48477%205.48477%202.5%209.16667%202.5C12.8486%202.5%2015.8333%205.48477%2015.8333%209.16667Z%22%20stroke%3D%22%230D6EFD%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E") no-repeat center / contain !important;
        opacity: 1 !important;
    }

.k-searchbox .k-icon.k-svg-icon.k-svg-i-search.k-input-icon {
    width: 30px !important;
}

/* Theme the grouping header initial pass */
.k-grouping-header {
    border-radius: 5px !important;
}

.k-grouping-drop-container {
    color: var(--kendo-color-primary-active, #0062cc);
}

/* 17. Remove unwanted horizontal scrollbar from footer/pager (appears on hover) */
/*    Targets ONLY the pager � does NOT affect the main grid content scrollbar */
.k-grid .k-pager,
.k-grid .k-pager-wrap {
    overflow-x: hidden !important;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

    .k-grid .k-pager::-webkit-scrollbar,
    .k-grid .k-pager-wrap::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }

/* 19. Search box expand animation (left side expands outward to the left on render) */
/*    Pure CSS � works with your existing right-aligned toolbar and Kendo UI Core helpers */
.k-grid .k-toolbar .k-searchbox {
    /* Start collapsed (icon only) */
    width: 60px !important;
    min-width: 60px !important;
    overflow: hidden !important;
    /* Smooth expand animation on page load / render */
    animation: searchBoxExpand 650ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
    /* Keep existing focus style */
    transition: width 0.3s ease-out, box-shadow 0.3s ease-out !important;
}

@keyframes searchBoxExpand {
    from {
        width: 60px;
    }

    to {
        width: 280px;
    }
}

/* if hover/focus after it has expanded, search stays full width */
.k-grid .k-toolbar .k-searchbox:focus-within,
.k-grid .k-toolbar .k-searchbox:hover {
    width: 280px !important;
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent);
}

/* NEW: Global tooltip for EVERY Export to Excel button in the project */
.k-grid .k-toolbar .k-grid-excel {
    position: relative;
}

/* 21. Custom tooltip styling for grid buttons (Export to Excel, Download Zip, etc.) */
/*    so it beats stackplan.css */
.custom-grid-tooltip,
.k-tooltip.custom-grid-tooltip,
.k-tooltip.k-popup {
    background-color: #0A58CA !important;
    color: white !important;
    border-color: #0A58CA !important;
    border-radius: 0.25rem !important;
}

/* make the little arrow (callout) match the blue color */
.k-tooltip .k-callout {
    border-color: #0A58CA transparent transparent transparent !important;
}

.k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid.k-grid-search {
    margin-right: 0 !important;
}

/*Aligning inline grid controls when editing*/
.k-grid .k-grid-edit-row .k-table-td {
    vertical-align: top !important;
}
    /*    Aligning action buttons content grid editing row to thead middle*/
    .k-grid .k-grid-edit-row .k-table-td.k-command-cell {
        padding-top: 16px;
    }

/*Bringing borders back to inline editing controls*/
.k-grid-edit-row span.k-input.k-input-solid.k-input-md,
.k-grid-edit-row span.k-picker.k-dropdownlist.k-picker-outline.k-picker-md,
.k-grid-edit-row span.k-colorpicker.k-picker.k-icon-picker.k-picker-solid.k-picker-md,
.k-grid-edit-row .k-editable-area.k-editor-content {
    border: 1px solid var(--kendo-color-border-alt) !important;
}

/*Fixing height form inline editor controls input grid*/
.k-grid-edit-row span.k-colorpicker.k-picker.k-icon-picker.k-picker-solid.k-picker-md,
.k-grid-edit-row span.k-input-inner {
    height: 38px !important;
}

/*Removing padding from action buttons form inline grid editing*/
td.ps-k-grid-logic > button.btn-icon-only {
    padding: 0 !important;
}

#buttonForAttachments:hover {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

/* Google Map Filter - Kendo-styled Dropdowns */
.google-map-filter.k-kendo-style-dropdown {
    width: 100%;
    max-width: 250px;
    padding: 8px 12px;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-family: Roboto, sans-serif !important;
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    border-radius: 4px;
    background-color: #ffffff;
    color: #212529;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    padding-right: 28px;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .google-map-filter.k-kendo-style-dropdown:hover {
        background-color: var(--kendo-color-on-base, #212529);
    }

    .google-map-filter.k-kendo-style-dropdown:focus {
        outline: none;
    }

    .google-map-filter.k-kendo-style-dropdown:disabled {
        background-color: #f8f9fa;
        opacity: 0.65;
        cursor: not-allowed;
    }

    /* Ensure options display properly */
    .google-map-filter.k-kendo-style-dropdown option {
        padding: 8px;
        background: white;
    }

/* 1. Exception for the database/tenant popup (VACANT, suite, leasable area, etc.) */
.k-tooltip.k-popup:has(#vacant-tooltip),
.k-tooltip.k-popup:has(#occupied-tooltip),
#occupied-tooltip {
    background-color: #094165 !important;
    color: #fff !important;
    border-color: #094165 !important;
    /*box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)) !important;*/
}

/* 2. Special tenant/vacant popup from database - dark grey */
.k-tooltip:has(#vacant-tooltip),
#occupied-tooltip,
.k-tooltip:has(#occupied-tooltip) {
    background-color: rgba(97,97,97,.9) !important;
    color: #fff !important;
    border-color: rgba(97,97,97,.9) !important;
    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)) !important;
    padding: 0 !important;
}

.k-tooltip-content:has(#vacant-tooltip) {
    background-color: #094165 !important;
}