.k-picker.k-disabled,
.k-input.k-disabled,
.k-input input:disabled {
    background-color: #fff !important;
    border: none;
    font-weight: bold;
    font-size: 15px !important;
    color: #686b6b !important;
    /*margin-top: 10px;*/
    /*height: fit-content;*/
}

.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 {
    background-color: #fff !important;
    border: none;
    font-weight: bold;
    font-size: 15px !important;
    color: #686b6b !important;
}

span.k-input.k-input-outline:has(input[disabled]) {
    border: 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;*/
        /*border-style: solid;*/
    }

        .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;
}*/
/*
.k-picker.k-disabled > .k-button,
.k-input.k-disabled > .k-button {
    display: none;
}*/

.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;
}

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;
}

.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;
}

.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: pointer;
}

.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;
}

.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: 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; /* 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;
}

/* 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;
}

/* 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;
}