html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    height: 100%;
    margin: 0;
}

input, select, textarea, .form-control, .textWrapper, .GridTitle, .ui-menu, .ui-menu-item, .fnt0, .google-map-legend, .google-map-legend-header, .google-map-filter, .kpiTitle, .kpivalue-num, .kpivalue-text, .btn {
    font-family: 'Roboto', sans-serif !important;
}

.btn-block {
    display: block;
    width: 100%;
}

.flex-container, .dFlex {
    display: flex;
}

.flex-child {
    flex: 1;
}

    .flex-child:first-child {
        margin-right: 20px;
    }

/* Reset for Chrome */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="number"] {
    -moz-appearance: textfield;
}

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/*textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: #414141 !important;
        border-width: 1px !important;
        box-shadow: none !important;
        outline: 0 none;
    }*/

/*input,
select,
textarea {
    line-height: inherit;
    color: #000000DE !important;
}*/

label {
    font-size: 15px !important;
    color: #686b6b;
}

.control-label {
    font-size: 15px !important;
    color: #686b6b !important;
    display: flex;
    max-width: 100%;
    font-weight: normal !important;
}

.form-control {
    background-color: #fff !important;
    font-size: 15px !important;
    color: #000000DE !important;
    border-color: #a7a7a7 !important;
    /*padding-top: 3px;*/
    /*padding-bottom: 3px;*/
    height: fit-content;
}

/*.form-control:hover {
        border-color: rgba(0, 0, 0, 0.87) !important;
    }*/

/* Removed this section to allow for showing highlighted text */
/*.form-control:focus:not(textarea)::selection {
    border: 1px solid #414141 !important;
}*/

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 45px;
}

.btn {
    text-wrap: nowrap;
}

.btn-edit {
    font-size: 20px;
    /*color: #1f5876;*/
    color: #0A58CA;
}

#SearchText {
    font-size: 15px !important;
    border-radius: 20px;
}

#report-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    position: absolute;
}

iframe {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0;
}

.footer {
    background-color: #fff;
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    z-index: 10000;
}

    .footer p {
        padding-top: 5px;
    }

.search-card:hover {
    cursor: pointer;
}

.imgBox {
    min-height: 200px;
    max-height: 200px;
}

.checkbox-form {
    padding-top: 5px;
}

.checkbox-inline {
    margin-top: 0px !important;
}

.validationSummary ul {
    list-style: none;
}

.label-Asset {
    color: #fff;
    background-color: #008139;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Development {
    color: #fff;
    background-color: #0d98ba;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Transaction {
    color: #fff;
    background-color: #0059a1;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Portfolio {
    color: #fff;
    background-color: #008139;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Ownership {
    color: #fff;
    background-color: #0d98ba;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Processing {
    color: #000;
    background-color: #D7DBDD;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Staged {
    color: #000;
    background-color: #D7DBDD;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Committed {
    color: #fff;
    background-color: #27AE60;
    padding-top: 4px;
    border-radius: 12px;
}

.label-Error {
    color: #fff;
    background-color: #E74C3C;
}

.label-AI {
    color: #fff;
    background-color: #004c97;
    padding-top: 4px;
    border-radius: 12px;
}

.hide {
    display: none !important;
}

.show, caption-container-container {
    display: block !important;
}

.rgHeader div {
    display: none !important;
}

#InvestmentCardsListView, #FinancingCardsListView, #DispositionCardsListView, #FundSearchResultsCardView, #InvestorCardsListView {
    border: none;
    margin: 0;
}

/* Search card grid: equal-height cards per row via CSS Grid stretch */
#InvestmentCardsListView .k-listview-content,
#FinancingCardsListView .k-listview-content,
#DispositionCardsListView .k-listview-content,
#FundSearchResultsCardView .k-listview-content,
#InvestorCardsListView .k-listview-content {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: stretch;
    padding-top: 5px;
    padding-bottom: 10px;
}

    #FundSearchResultsCardView .k-listview-content {
        margin-top: 10px;
    }

    #InvestmentCardsListView .k-listview-item,
    #FinancingCardsListView .k-listview-item,
    #DispositionCardsListView .k-listview-item,
    #FundSearchResultsCardView .k-listview-item,
    #InvestorCardsListView .k-listview-item {
        float: none !important;
        width: auto !important;
        display: flex;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

#InvestmentCardsListView .search-card,
#FinancingCardsListView .search-card,
#DispositionCardsListView .search-card,
#FundSearchResultsCardView .search-card,
#InvestorCardsListView .search-card {
    height: 100%;
    width: 100%;
    margin: 0 !important;
}

@media (max-width: 1199px) {
    #InvestmentCardsListView .k-listview-content,
    #FinancingCardsListView .k-listview-content,
    #DispositionCardsListView .k-listview-content,
    #FundSearchResultsCardView .k-listview-content,
    #InvestorCardsListView .k-listview-content {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    #InvestmentCardsListView .k-listview-content,
    #FinancingCardsListView .k-listview-content,
    #DispositionCardsListView .k-listview-content,
    #FundSearchResultsCardView .k-listview-content,
    #InvestorCardsListView .k-listview-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    #InvestmentCardsListView .k-listview-content,
    #FinancingCardsListView .k-listview-content,
    #DispositionCardsListView .k-listview-content,
    #FundSearchResultsCardView .k-listview-content,
    #InvestorCardsListView .k-listview-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    #InvestmentCardsListView .k-listview-content,
    #FinancingCardsListView .k-listview-content,
    #DispositionCardsListView .k-listview-content,
    #FundSearchResultsCardView .k-listview-content,
    #InvestorCardsListView .k-listview-content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.search-card {
    background-color: white !important;
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13)) !important;
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    /*width: 200px !important;*/ /* try 230 and check IP */
    /*width: 220px !important;*/
    color: var(--kendo-color-on-app-surface, #212529);
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-font-size-md, 16px);
    font-weight: var(--font-weight-kendo-font-weight-medium, 500);
    line-height: 1.5rem; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0);
    margin: 0.5rem !important;
    position: relative;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
}

    .search-card .card-block {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }

    .search-card .card-img-top {
        flex-shrink: 0;
        width: 100%;
    }

    .search-card .card-title {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.3;
        flex-shrink: 0;
        padding: 3px;
    }

    .search-card:hover {
        top: -10px;
    }
/* forces the card images to be a consistent size */
/*
img.card-img-top.img-responsive {
    height: 140px;
}
*/

span.required {
    color: #90640e;
    font-size: 12px;
}

label.required::after {
    color: #90640e;
    position: relative;
    content: "*";
    left: 4px;
    font-size: 12px;
}

label.optional::after {
    color: #777777;
    position: absolute;
    content: "(optional)";
    left: 10px;
    top: 20px;
    font-size: 10px;
}

.btn-search {
    min-width: 0px !important;
}

.input-group-addon {
    background-color: #fff;
    border: none;
    color: #444;
    line-height: 1.4;
    padding: 6px 12px;
}

[data-notify="container"] {
    width: 500px;
}

[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

.div-close-button {
    margin-top: 5px;
}

.dropZoneElement, .TransactionDropZone, .DevelopmentDropZone, .AssetDropZone, .BackgroundDropZone, .LogoDropZone, .AttachmentDropZone, .DataUploadDropZone, .TemplateDropZone, .WorkflowDropZone, .CustomFormFileDropZone {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    border: 1px solid #c7c7c7;
    width: 100%;
    height: 120px;
    text-align: center;
}

.textWrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    line-height: 1.2em;
    color: #000;
}

.dropFileHereText {
    color: #c7c7c7;
    text-transform: uppercase;
    font-size: 12px;
}

.fieldData {
    margin-top: 8px;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.nav-tabs-light > li.active {
    border-top: none;
}

.nav-tabs {
    text-align: center;
}

.nav-tabs-left {
    text-align: left;
}

.subnav {
    margin-bottom: -9999px;
    padding-bottom: 9999px;
    border-right: 1px solid #dddddd;
}

.nav-tabs li > a {
    border: 1px solid #ddd;
    border-bottom: transparent;
    background-color: #f6f6f6;
}

.vertical-align {
    display: flex;
    align-items: center;
}

#linkUserName {
    color: #fff;
    font-size: 15px;
}

.navbar-nav > li > form > li > a {
    position: relative;
    display: block;
    padding: 6px 14px;
}

a.nav-link.active {
    color: #414141 !important;
    font-weight: bold;
}

a.nav-link-sa.active {
    color: #DC4C64 !important;
    font-weight: bold;
}

.nav-item.disabled a.nav-link {
    color: #cacaca !important;
}

a.nav-link {
    color: #8b8b8b !important;
}

a.nav-link-sa {
    color: #e08796 !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    border: none !important;
}

a.d-flex.nav-link-sa {
    align-items: center;
}

.d-flex.show {
    display: flex !important;
}

a.nav-link:hover {
    /*color: #414141 !important;*/
    color: #5A8DEE !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

a.dropdown-toggle:hover {
    /*color: #414141 !important;*/
    color: #5A8DEE !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

a.nav-link-sa:hover {
    color: #DC4C64 !important;
    text-decoration: none !important;
    border: 1px;
}

/*.nav-item.active a.nav-link {
    color: orange !important;
    font-weight: bold;
    font-size: 1rem;
}*/

.nav-item.active a.nav-link-sa {
    color: #DC4C64 !important;
    font-weight: bold;
    font-size: 1rem;
}

#SearchTerms::-webkit-input-placeholder {
    color: #CACFD2;
}

#SearchTerms:-ms-input-placeholder {
    color: #CACFD2;
}

#SearchTerms:-moz-placeholder {
    color: #CACFD2;
}

#SearchTerms::-moz-placeholder {
    color: #CACFD2;
}

.filter-group-content div.form-group div.checkbox label {
    font-size: 13px !important;
}

.label-default.subtle {
    background-color: #174D6F;
    border: none;
    border-radius: 14px;
    color: white;
    text-transform: uppercase;
    padding: 5px 10px;
}

.filters .investments-filter-group-content,
.filters .fund-filter-group-content,
.filters .document-filter-group-content {
    padding: 2px 15px 0px 14px;
}

    .filters .investments-filter-group-content:before,
    .filters .fund-filter-group-content:before,
    .filters .document-filter-group-content:before,
    .filters .investments-filter-group-content:after,
    .filters .fund-filter-group-content:after,
    .filters .document-filter-group-content:after {
        content: " ";
        display: table;
    }

    .filters .investments-filter-group-content:after,
    .filters .fund-filter-group-content:after,
    .filters .document-filter-group-content:after {
        clear: both;
    }

    .filters .investments-filter-group-content:before,
    .filters .fund-filter-group-content:before,
    .filters .document-filter-group-content:before,
    .filters .investments-filter-group-content:after,
    .filters .fund-filter-group-content:after,
    .filters .document-filter-group-content:after {
        content: " ";
        display: table;
    }

    .filters .investments-filter-group-content:after,
    .filters .fund-filter-group-content:after,
    .filters .document-filter-group-content:after {
        clear: both;
    }

.GridTitle {
    font-size: 14pt;
    /*color: #8b8b8b;*/
    padding-bottom: 10px;
    font-family: var(--font-family-kendo-font-family, Roboto);
    color: #1F2937 !important;
    fill: #1F2937 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-anchor: start !important;
}

.grid-table {
    overflow: auto;
    height: 270px;
}

.form-control[disabled] {
    background-color: #fff !important;
    border: none;
    color: #1E1E1E !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;
}

.form-control[readonly] {
    background-color: #fff !important;
    border: none;
    font-weight: bold;
    padding: 0 !important;
}

.ps-form-control-text-area:disabled {
    margin-top: 8px !important;
}

.color-legend-item .tooltiptext {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    width: 220px;
    top: 125px;
    margin-left: -100px;
}

    .color-legend-item .tooltiptext::after {
        content: " ";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #333 transparent;
    }

.color-legend-item:hover .tooltiptext {
    visibility: visible;
}

#AccountHierarchyTreeList > .k-loading-mask > .k-loading-image {
    background-position-x: center;
    background-position-y: 50px;
}
/*Global Search Suggester*/
.ui-menu {
    border-radius: 4px;
}

    .ui-menu .ui-menu-item {
        padding: 3px 5px 3px 5px;
        margin: 1px;
        border-radius: 4px;
    }

        .ui-menu .ui-menu-item.ui-state-focus {
            background-color: #ebebeb;
            border: none;
        }

/* Client Specific */
/*
.austin {
    background: url('/Content/images/client/austin.jpg') no-repeat center fixed;
    background-size: cover;
}

.dallas {
    background: url('/Content/images/client/dallas.jpg') no-repeat center fixed;
    background-size: cover;
}

.cincinnati {
    background: url('/Content/images/client/cincinnati.jpg') no-repeat center fixed;
    background-size: cover;
}

.houston {
    background: url('/Content/images/client/houston.jpg') no-repeat center fixed;
    background-size: cover;
}

.newport {
    background: url('/Content/images/client/newport.jpg') no-repeat center fixed;
    background-size: cover;
}*/

.client_background {
    border: 1px solid #ddd; /* Gray border */
    border-radius: 4px; /* Rounded border */
    padding: 5px; /* Some padding */
    width: 150px; /* Set a small width */
}
    /**/
    .client_background:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

.card {
    position: relative;
    margin-bottom: 18px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.card-img-top {
    border-radius: 4px 4px 0 0;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px 0;
}

.card-title {
    color: var(--kendo-color-primary) !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-h6-font-size, 16px) !important;
    font-style: normal !important;
    font-weight: var(--font-weight-kendo-font-weight-medium, 500) !important;
    line-height: 120% !important;
    letter-spacing: var(--letter-spacing-null, 0) !important;
    margin-top: 0 !important;
}

    /* Card Line Below */
    .card-title::after {
        content: "";
        display: block;
        /*width: 190px;*/
        /*height: 1px;*/
        /*background-color: #ccc;*/
        /*margin: 10px auto;*/
        /* margin: 10px 5px; */
        margin: 5px auto;
        opacity: 0.8;
    }

.card-block {
    padding: 5px;
    /*padding-left: 5px;*/
}

div.card-block > p {
    /*font-size: 1em !important;
    line-height: 1.3em;*/
    font-size: 0.90rem !important;
    line-height: 1.3;
    padding: 0 3px;
    margin-bottom: 0;
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
}

.card-inverse .card-header,
.card-inverse .card-footer {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
    color: #fff;
}

    .card-inverse .card-link,
    .card-inverse .card-text,
    .card-inverse .card-blockquote > footer {
        color: rgba(255, 255, 255, 0.65);
    }

        .card-inverse .card-link:hover,
        .card-inverse .card-link:focus {
            color: #fff;
        }

/*.kpi-card-info {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    border-radius: 20px;
}*/

/* KPI card — Figma -> implementation */
/*.kpi-card-info {
    display: flex;
    width: 194px;
    height: 82px;
    padding: 12px;
    align-items: center;
    gap: 16px;*/
/* visual style */
/*border-radius: 8px;*/ /* Figma: Radius 8 */
/*border: 1px solid #D9D9D9;*/ /* Figma: 1px solid #D9D9D9 */
/*background: #FCFCFC;*/ /* Figma: background */
/*box-sizing: border-box;*/ /* ensure padding included in width/height */
/* optional: ensure content doesn't overflow */
/*overflow: hidden;
}*/

.kpi-card-info {
    /*background-color: #f5f5f5;*/
    /*border-color: #f5f5f5;*/
    background: #FCFCFC;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    align-items: center;
}

.kpi-card {
    position: relative;
    margin-bottom: 18px;
    border: 1px solid #fff;
    border-radius: 20px;
}

.kpi-card-inverse .kpi-card-header,
.kpi-card-inverse .kpi-card-footer {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.kpi-card-inverse .kpi-card-header,
.kpi-card-inverse .kpi-card-footer,
.kpi-card-inverse .kpi-card-title,
.kpi-card-inverse .kpi-card-blockquote {
    color: #8b8b8b;
}

    .kpi-card-inverse .kpi-card-link,
    .kpi-card-inverse .kpi-card-text,
    .kpi-card-inverse .kpi-card-blockquote > footer {
        color: rgba(255, 255, 255, 0.65);
    }

        .kpi-card-inverse .kpi-card-link:hover,
        .kpi-card-inverse .kpi-card-link:focus {
            color: #8b8b8b;
        }

.kpi-card-block {
    padding: 5px;
}

.kpi-card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
}

.cardWidget {
    background-color: #FFF;
    width: 100%;
    min-height: 350px;
    max-height: 350px;
    overflow: auto;
}

.dashboard-zone {
    width: 100%;
    height: 345px !important;
    /*background-color: #f5f5f5;*/
    overflow: hidden;
    margin-bottom: 18px;
    padding: 5px;
    border: 1px solid #E5E7EB !important;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px !important;
}

.mappedin-zone {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
}

.padding-5 {
    padding: 5px;
}

.custom-dashboard-card-block {
    padding: 5px;
    min-height: 240px;
    max-height: 240px;
}

.custom-dashboard-zone {
    width: 100%;
    min-height: 200px;
    max-height: 200px;
    background-color: #FFFFFF;
}

.dashboard-section {
    padding: 0 9px;
}

.search-card-img-top {
    border-radius: 2px 2px 0 0;
}

.search-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
}

.search-card-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: .5em;
}

.kpi-min-height {
    min-height: 80px;
}

.CustomZoneHeader {
    background-color: #eaeaea;
    border: 1px solid #fff;
    padding: 5px;
    color: #BDC3C7
}

.dashboard-widget {
    /*width: 100%;*/
    min-height: 200px;
    max-height: 200px;
    background-color: #FFFFFF;
}

#CustomWidgetsContainer {
    overflow-x: auto;
    top: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

#DashboardEditButtonRow {
    height: 100px;
    position: relative;
    top: 0px;
}

#DashboardEditObjectRow {
    width: 100%;
    position: absolute;
    top: 55px;
    bottom: 0px;
    overflow-y: scroll;
    padding-bottom: 275px;
}

#DashboardEditAvailableObjectRow {
    width: 98%;
    position: fixed;
    bottom: 0px;
    background-color: #fff
}

.fa-spin-hover:hover {
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.custom-widget-card {
    position: relative;
    margin: 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    width: 410px;
}

.widget-footer {
    position: fixed;
    bottom: 0;
    border-top: 2px solid #003a73;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
}

.widget-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: flex-start;
}

.pac-container {
    z-index: 99999;
    width: 500px !important; /* <- This controls the width of the Google Auto-complete Places list  */
}

.variance-highlight {
    background-color: #F8E477 !important;
    color: #000;
}

    .variance-highlight:hover {
        background-color: #FFFF99 !important;
        color: #000;
    }

.editGL-highlight {
    background-color: #F8E477 !important;
    color: #000;
}

    .editGL-highlight:hover {
        background-color: #FFFF99 !important;
        color: #000;
    }

/* GOOGLE MAPS */
.gm-style-mtc > div:nth-child(1) {
    padding: 0px 9px !important;
    height: 30px !important;
    font-size: 15px !important;
}

.gm-style-mtc > div:nth-child(2) {
    top: 30px !important;
}

    .gm-style-mtc > div:nth-child(2) > div {
        padding: 2px 4px 2px 2px !important;
        font-size: 15px !important;
    }

.gm-bundled-control-on-bottom {
    margin-right: 0px !important;
    margin-bottom: -15px !important;
}

    .gm-bundled-control-on-bottom > div:first-child {
        top: 44px !important;
    }

.gmnoprint > .gmnoprint > div {
    height: 60px !important;
    width: 30px !important;
}

    .gmnoprint > .gmnoprint > div > div {
        width: 22.5px !important;
        margin: 0px 3.75px !important;
    }

.gmnoprint > .gmnoprint button {
    width: 30px !important;
    height: 30px !important;
}

    .gmnoprint > .gmnoprint button img {
        height: 13.5px !important;
        width: 13.5px !important;
        /*margin: 6.75px 8.25px 9.75px !important;*/
    }

.gm-svpc {
    width: 30px !important;
    height: 30px !important;
}

    .gm-svpc img:nth-child(1), .gm-svpc img:nth-child(2) {
        width: 13.5px !important;
        height: 22.5px !important;
        /*left: -7px !important;
        top: -12px !important;*/
    }

    .gm-svpc img:nth-child(3) {
        width: 24px !important;
        height: 30px !important;
    }

.gm-fullscreen-control {
    height: 30px !important;
    width: 30px !important;
}

.pointer:hover {
    cursor: pointer;
}

.checkbox-label {
    display: inline-block !important;
}

/* Custom Layout - Flex Box */
.bcfff {
    background-color: #fff;
}

.bcfffImportant {
    background-color: #fff !important;
}

.w101 {
    width: 101%;
}

/* TODO: turning off all 85% check for anomolies */
/*.w85 {
    width: 85%;
}*/ /*.w85 {
    width: 85%;
}*/

.p0 {
    padding: 0;
}

.pt3 {
    padding-top: 3px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb30 {
    padding-bottom: 30px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr20 {
    padding-right: 20px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.ml1 {
    margin-left: 1px;
}

.mtN20 {
    margin-top: -20px;
}

.mt100 {
    margin-top: 100px;
}

.h40 {
    height: 40px;
}

.fs11 {
    font-size: 11px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb10 {
    margin-bottom: 10px;
}

.custom-flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.custom-flex-container-kpi {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    padding: unset;
}

.variance-comment-custom-flex-item-24 {
    flex: 0 24%;
}

.custom-flex-item-15 {
    flex: 0 15%;
}

.custom-flex-item-20 {
    flex: 0 20%;
}

.custom-flex-item-25 {
    flex: 0 25%;
}

.custom-flex-item-33 {
    flex: 0 33%;
}

.custom-flex-item-50 {
    flex: 0 50%;
}

.custom-flex-item-75 {
    flex: 0 75%;
}

.custom-flex-item-100 {
    flex: 0 100%;
}

form .row > *:not([class*="col-"]) {
    width: auto;
    max-width: none;
}

.custom-flex-kpi-8 {
    flex: 0 12.5%;
}

.custom-flex-kpi-7 {
    flex: 0 14%;
}

.custom-flex-kpi-6 {
    flex: 0 16.66%;
}

.custom-flex-kpi-5 {
    flex: 0 20%;
}

@media screen and (max-width: 768px) {
    .custom-flex-item {
        flex: 0 50%;
    }

    .custom-flex-item-75 {
        flex: 0 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1919px) {
    .custom-flex-item {
        flex: 0 33%;
    }

    .custom-flex-item-50,
    .custom-flex-item-75 {
        flex: 0 66%;
    }
}

/* Galaxy S5 size screen */
@media screen and (min-width: 360px) {
    .associatedLoan-hyper {
        margin-top: 8px !important;
        margin-left: -70px !important;
    }

    .galleryModal-content {
        margin-right: 0px !important;
    }
}

/* iPad size screen */
@media screen and (min-width: 768px) {
    .associatedLoan-hyper {
        margin-top: 8px !important;
        margin-left: -140px !important;
    }

    .galleryModal-content {
        margin-right: 50px !important;
    }
}

/* iPad Pro size screen */
@media screen and (min-width: 1024px) {
    .associatedLoan-hyper {
        margin-top: 8px !important;
        margin-left: -110px !important;
    }

    .galleryModal-content {
        margin-right: 100px !important;
    }
}

/* Nest Hub Max size screen */
@media screen and (min-width: 1280px) {
    .associatedLoan-hyper {
        margin-top: 8px !important;
        margin-left: -180px !important;
    }

    .galleryModal-content {
        margin-right: 150px !important;
    }
}

@media screen and (min-width: 1920px) {
    .custom-flex-item {
        flex: 0 25%;
    }

    .associatedLoan-hyper {
        margin-top: 8px !important;
        margin-left: -225px !important;
    }

    .galleryModal-content {
        margin-right: 200px !important;
    }
}

.upload-hint {
    line-height: 22px;
    color: #aaa;
    font-style: italic;
    font-size: 15px;
    padding-top: 1em;
}

/* Notifications  */
#notifications_counter {
    display: block;
    position: absolute;
    background: #E1141E;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
    padding: 1px 3px;
    margin: 5px 0 0 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 1;
}

#notifications_asset_workflow_counter, #notifications_fund_workflow_counter, #notifications_transaction_workflow_counter, #notifications_portfolio_workflow_counter, #notifications_development_workflow_counter, #notifications_financing_workflow_counter {
    display: block;
    background: #E1141E;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
    padding: 0px 6px;
    margin: 5px 0 0 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 10px;
    z-index: 1;
    opacity: 1;
    top: -2px;
    float: right !important;
}

#notifications_fund_workflow_counter,
#notifications_financing_workflow_counter {
    margin: 0;
    position: relative;
    right: 20px;
    top: 5px;
}

#notifications {
    display: none;
    width: 430px;
    position: absolute;
    top: 40px;
    right: 0;
    background: #FFF;
    border: solid 1px rgba(100, 100, 100, .20);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .20);
    z-index: 999999;
}

    #notifications:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid #CCC;
        border-color: transparent transparent #FFF;
        margin-top: -20px;
        margin-right: 15px;
        float: right;
    }

    #notifications h3 {
        display: block;
        color: #333;
        background: #FFF;
        font-weight: bold;
        font-size: 15px;
        padding: 8px;
        margin: 0;
        border-bottom: solid 1px rgba(100, 100, 100, .30);
    }

#notifications_button {
    color: #FFFFFF;
    font-size: 15px;
}

.seeAll {
    background: #F6F7F8;
    padding: 8px;
    font-size: 15px;
    font-weight: bold;
    border-top: solid 1px rgba(100, 100, 100, .30);
    text-align: center;
}

    .seeAll a {
        color: #3b5998;
    }

        .seeAll a:hover {
            background: #F6F7F8;
            color: #3b5998;
            text-decoration: underline;
        }
/* END Notifications  */

.grid-print-button {
    position: absolute;
    margin-top: -35px;
    right: 20px;
    border: none;
    background-color: transparent;
}

    .grid-print-button:hover {
        background-color: #e6e6e6;
    }

    .grid-print-button:active, .grid-print-button:focus {
        border: none !important;
    }

    .grid-print-button i.fa.fa-bars {
        font-size: 15px !important;
    }

[data-bs-toggle="collapse"] .fa:before {
    content: "\f106";
}

[data-bs-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

.panel-login {
    max-width: 375px;
}

    .panel-login .panel-default {
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .panel-login .panel-ft {
        font-size: 15px;
        text-align: center;
    }

.nav-item .nav-link {
    color: white !important;
    text-decoration: none !important;
}

/* target all <i> elements in nav-item (bell and cog) */
.nav-item i {
    color: white !important;
}

.dropdown-item, .c8b8b8bImportant {
    color: #8b8b8b !important;
}

.dropdown-item-sa {
    color: #e08796 !important;
}

.dropdown-item:hover {
    color: #8b8b8b !important;
    background-color: #cacaca !important;
}

.dropdown-item-sa:hover {
    color: #e08796 !important;
    background-color: #cacaca !important;
}

.dropdown-item:active {
    color: #414141 !important;
    background-color: #a7a7a7 !important;
}

.md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid {
    border: 1px solid #dadce0 !important;
    box-shadow: none !important;
}

    .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label {
        content: attr(data-success);
        color: #757575;
        opacity: 1;
    }


/******* FROM main.css *********/

.panel {
    margin-bottom: 18px;
    background-color: #fff;
    /*border: 1px solid transparent;*/
    border-radius: 2px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

    .panel-title > a,
    .panel-title > small,
    .panel-title > .small,
    .panel-title > small > a,
    .panel-title > .small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 1px;
        border-top-left-radius: 1px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
    }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 1px;
        border-top-left-radius: 1px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
        }

            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 1px;
            }

            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 1px;
            }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 1px;
        border-bottom-left-radius: 1px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 1px;
            border-bottom-right-radius: 1px;
        }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 1px;
            }

            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 1px;
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #e9eaeb;
    }

    .panel > .table > tbody:first-child > tr:first-child th,
    .panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 18px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 2px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body,
        .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #004c97;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #004c97;
        border-color: #004c97;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #004c97;
        }

        .panel-primary > .panel-heading .badge {
            color: #004c97;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #004c97;
    }

.panel-success {
    border-color: #d5d9c7;
}

    .panel-success > .panel-heading {
        color: #008139;
        background-color: #edf2de;
        border-color: #d5d9c7;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d5d9c7;
        }

        .panel-success > .panel-heading .badge {
            color: #edf2de;
            background-color: #008139;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d5d9c7;
    }

.panel-info {
    border-color: #d0dce1;
}

    .panel-info > .panel-heading {
        color: #1596d1;
        background-color: #e8f5fa;
        border-color: #d0dce1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d0dce1;
        }

        .panel-info > .panel-heading .badge {
            color: #e8f5fa;
            background-color: #1596d1;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d0dce1;
    }

.panel-warning {
    border-color: #e3dec6;
}

    .panel-warning > .panel-heading {
        color: #f2a900;
        background-color: #fdf7dc;
        border-color: #e3dec6;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #e3dec6;
        }

        .panel-warning > .panel-heading .badge {
            color: #fdf7dc;
            background-color: #f2a900;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #e3dec6;
    }

.panel-danger {
    border-color: #dac9cb;
}

    .panel-danger > .panel-heading {
        color: #ac2b37;
        background-color: #f3dfe1;
        border-color: #dac9cb;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dac9cb;
        }

        .panel-danger > .panel-heading .badge {
            color: #f3dfe1;
            background-color: #ac2b37;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dac9cb;
    }

.panel-group[role="tablist"] > .panel > .panel-heading {
    cursor: pointer;
}

    .panel-group[role="tablist"] > .panel > .panel-heading .icon {
        margin-right: 10px;
    }

    .panel-group[role="tablist"] > .panel > .panel-heading[aria-expanded="false"] .icon::after {
        transition: -webkit-transform .2s;
        transition: transform .2s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .panel-group[role="tablist"] > .panel > .panel-heading[aria-expanded="true"] .icon::after {
        transition: -webkit-transform .2s;
        transition: transform .2s;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.panel-group > .panel + .panel {
    margin-top: -1px;
}

.panel-group .panel:not(.panel-default) > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-group .panel:not(.panel-default) {
    box-shadow: none;
}

    .panel-group .panel:not(.panel-default) + .panel {
        border-top: 1px solid #eee;
    }

.panel-toggler {
    margin-bottom: 12px;
}

    .panel-toggler a {
        cursor: pointer;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.btn-icon-only {
    min-width: 33px !important;
    text-align: center;
    vertical-align: top;
    padding: 0px;
    color: #8b8b8b;
}

    .btn-icon-only.btn-sm {
        padding: 4px;
    }

    .btn-icon-only.btn-xs {
        padding: 3px;
    }

#section_config_account_hierarchy .btn-icon-only:disabled {
    color: #8b8b8b;
}

div.sticky_with_submenu {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    z-index: 10000;
}

div.sticky_no_submenu {
    position: -webkit-sticky;
    position: sticky;
    /*top: 35px;*/
    z-index: 10000;
}

.btn-toolbar {
    flex-wrap: nowrap;
}

.ex-sub-header {
    /*background: #a7a7a7 !important;
    height: 38px;
    color: #fff;
    padding-right: 4px;*/
    color: var(--sds-color-text-brand-on-brand);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-font-size-md, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-regular, 400);
    line-height: 150%;
    letter-spacing: var(--letter-spacing-null, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 136px;
    height: 72px;
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    gap: var(--sds-size-space-300);
    background-color: #F4F4F4 !important;
    border-radius: 0 !important;
    transition: all 0.2s ease-in-out;
    border: none !important;
}

    .ex-sub-header .btn {
        border-radius: 2px;
        margin: 4px 0;
        padding: 6px;
    }

.ex-header--icon-badge {
    color: #fff;
    background: #fb8300;
    padding: 2px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    margin-left: -6px;
    margin-top: -6px;
    border: 2px solid #004c97;
    display: inline-block;
    line-height: 11px;
    font-size: 11px;
    width: 20px;
    height: 20px;
    vertical-align: top;
    position: relative;
}

.ex-sub-header--gadgets {
    float: left;
}

    .ex-sub-header--gadgets .btn {
        /*width: 34px;*/
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
    }

    .ex-sub-header--gadgets .ex-btn__inverse__active {
        /*background: rgba(255, 255, 255, 0.25);*/
        background-color: #F5AF2A !important;
        color: #FFFFFF !important;
        /*        font-weight: 600 !important;*/
    }

    .ex-sub-header--gadgets .btn .icon {
        opacity: .3;
    }

    .ex-sub-header--gadgets .ex-btn__inverse__active .icon {
        opacity: 1;
    }

    .ex-sub-header--gadgets .btn-search--mobile {
        display: inline-block;
    }

@media (min-width: 640px) {
    .ex-sub-header--gadgets .btn-search--mobile {
        display: none;
    }
}

.action_link {
    /*color: #003399 !important;*/
    color: #0A58CA !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

    .action_link:hover {
        /*color: #003399 !important;*/
        color: #0A58CA !important;
        /*text-decoration: underline !important;*/
    }

.breadcrumb {
    font-size: 20px;
    background-color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 1.2rem !important;
    content: ">";
    font-weight: normal !important;
    background-image: none !important;
}

.breadcrumb-item a {
    color: #003399 !important;
    font-weight: normal !important;
}

.breadcrumb-item.active {
    color: #a7a7a7 !important;
    font-weight: bold !important;
}

.readonly_mode_controls {
    font-size: 15px;
    color: #686b6b !important;
    font-weight: bold;
}

/** {
    outline: none !important;
    box-shadow: none !important;
}*/

/**:hover {
        outline: none !important;
        box-shadow: none !important;
    }*/

/**:focus {
        outline: none !important;
        box-shadow: none !important;
    }*/

.nav-steps {
    width: 100%;
    display: table;
    table-layout: fixed;
    word-wrap: break-word;
    margin-left: 0;
    padding: 0;
}

    .nav-steps > li {
        display: table-cell;
        max-width: 150px;
        min-width: 75px;
        text-align: center;
        padding: 0 10px;
    }

        .nav-steps > li > a,
        .nav-steps > li > span {
            display: block;
            font-weight: bold;
            outline: none;
            padding-top: 25px;
            position: relative;
        }

            .nav-steps > li > a:before,
            .nav-steps > li > span:before {
                background: #003399;
                border-radius: 100%;
                content: "";
                box-shadow: 0 0 0 3px #f5f5f5;
                height: 10px;
                left: 50%;
                margin-left: -5px;
                position: absolute;
                top: 3px;
                width: 10px;
            }

    .nav-steps li + li > span:after,
    .nav-steps li + li > a:after {
        background: #a7a7a7;
        border: solid #f5f5f5;
        border-width: 2px 0;
        box-shadow: -5px 0 0 -2px #004c97, 5px 0 0 -2px #004c97;
        content: "";
        height: 8px;
        left: -50%;
        margin-left: -14px;
        margin-right: 6px;
        position: absolute;
        right: 50%;
        top: 4px;
    }

    .nav-steps .active ~ li {
        color: #a7a7a7;
    }

        .nav-steps .active ~ li > span:before,
        .nav-steps .active ~ li > a:before {
            background-color: #cccccc;
        }

        .nav-steps .active ~ li > span:after,
        .nav-steps .active ~ li > a:after {
            background-color: #cecece;
            box-shadow: none;
        }

    .nav-steps.nav-stacked {
        display: block;
        counter-reset: test;
    }

        .nav-steps.nav-stacked > li {
            text-align: left;
            display: block;
            max-width: none;
            min-width: 0;
            padding: 11px 0 10px 50px;
        }

            .nav-steps.nav-stacked > li > a,
            .nav-steps.nav-stacked > li > span {
                padding-top: 0;
            }

                .nav-steps.nav-stacked > li > a:before,
                .nav-steps.nav-stacked > li > span:before {
                    left: -35px;
                    top: 0;
                    margin: 0;
                    height: 20px;
                    width: 20px;
                    content: counter(test);
                    counter-increment: test;
                    text-align: center;
                    color: #fff;
                    box-shadow: 0 0 0 3px #004c97;
                }

            .nav-steps.nav-stacked > li.active > a:before,
            .nav-steps.nav-stacked > li.active > span:before {
                color: #004c97;
                background: #fff;
                box-shadow: 0 0 0 3px #004c97;
            }

            .nav-steps.nav-stacked > li.active ~ li > span:before,
            .nav-steps.nav-stacked > li.active ~ li > a:before {
                color: #444;
                background: #fff;
                box-shadow: 0 0 0 3px #f5f5f5;
            }

        .nav-steps.nav-stacked li + li > span:after,
        .nav-steps.nav-stacked li + li > a:after {
            top: -100%;
            height: 100%;
            bottom: 0;
            left: -27px;
            border-width: 0 0;
            right: 0;
            width: 3px;
            margin-left: 0;
        }

.fa-stack {
    line-height: 0 !important;
}

.dropdown-menu {
    border: 1px solid #f1f1f1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: absolute !important;
    min-width: 100px !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #f1f1f1 !important;
}

#report_submenu ul {
    overflow-y: auto;
    flex-wrap: nowrap !important;
}

/*Common setting for smaller look and feel of grids and windows*/
#CreateProjectTemplateWindow {
    font-size: 11.5px !important;
}

.associatedLoan-hyper {
    margin-top: 8px;
    margin-left: -100px;
}

.fnt0 {
    font-size: 260px;
    text-decoration: none;
}

.center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.google-map-legend {
    font-size: 12px;
    background: #fff;
    padding: 3px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 5px;
    border: 0px solid #000;
    opacity: 80%;
    border-radius: 10px;
    padding-left: 10px;
}

.google-map-legend-header {
    font-size: 18px;
    margin-top: 0px;
}

.google-map-legend-flexcontainer {
    max-width: 450px;
}

.google-map-filter {
    font-size: 12px;
    margin-left: 5px;
    margin-top: 5px;
}

.google-dashboard-zone {
    width: 100%;
    height: 690px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    margin-bottom: 18px;
    padding: 5px;
}

.google-dashboard-zone-full {
    width: 100%;
    height: 745px;
    background-color: #f5f5f5;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 20px;
    margin-bottom: 18px;
    padding: 5px;
}

.dashboard-card {
    position: relative;
    min-height: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.dashboard-left, .pl0Important {
    padding-left: 0px !important;
}

.dashboard-right, .pr0Important {
    padding-right: 0px !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}

    .dropdown-menu a {
        /*color: black;*/
        text-decoration: none;
        display: block;
    }

.dropdown:hover .dropdown-menu {
    display: block;
}

/* For Image Gallery */
.imageColumn, .m10 {
    margin: 10px;
}

/* The Modal (background) */
.galleryModal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 10px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
}

/* Modal Content */
.galleryModal-content {
    top: 120px;
    background-color: #000000;
    margin: auto;
    padding: 0;
    width: 65%;
    vertical-align: middle;
    float: right;
}

/* The Close Button */
.exitModal {
    color: white;
    position: fixed;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}

    .exitModal:hover,
    .exitModal:focus {
        color: #999;
        text-decoration: none;
        cursor: pointer;
    }

.mySlides, .PS-Display-None {
    display: none;
}

.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.prevImage,
.nextImage {
    cursor: pointer;
    width: auto;
    padding: 16px;
    margin-top: 50%;
    color: white !important;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.nextImage {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prevImage:hover,
    .nextImage:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

.imageGallery {
    opacity: 0.6;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    max-width: 200px !important;
    min-width: 200px !important;
    vertical-align: unset !important;
}

.imageSlide {
    width: 100%;
}

.active,
.imageGallery:hover {
    opacity: 1;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.endlessImageRow {
    position: fixed;
    left: 10px;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow-x: scroll;
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .endlessImageRow::-webkit-scrollbar {
        display: none;
    }

.gridThumbnailImage {
    height: 50px;
}

.imagebar-container {
    display: flex;
    width: 100%;
    background: #000000;
    height: 100px;
    overflow: auto;
}

.slides-container {
    width: 100%;
}

.dataManagementSubjectHeader {
    /* TODO: Site.css */
    /*  Site.css  margin-top: 0;
    margin-bottom: 10px;
    color: #8b8b8b;
    font-size: 22px;
    margin-left: 10px;*/
    /*TODO: Revert to original?, using another class investor-details-grid-header*/
    /* TODO: Previous Site-InvestorPortal.css */
    /*font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-h6-font-size, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-medium, 500);
    line-height: 120%;*/ /* 19.2px */
    /*letter-spacing: var(--letter-spacing-null, 0);*/

    color: #0A58CA;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0);
}

.switch-header {
    display: flex;
    padding-top: var(--kendo-spacing-4, 16px);
    align-items: center;
    gap: var(--kendo-spacing-0, 0);
    align-self: stretch;
    border-radius: var(--kendo-border-radius-null, 0);
    color: #0D6EFD;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-h6-font-size, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-medium, 500);
    line-height: 120%;
    letter-spacing: var(--letter-spacing-null, 0);
    padding-bottom: var(--kendo-spacing-4, 16px);
}

.investorPortalSubjectHeader {
    margin-top: -30px;
    margin-bottom: 10px;
    color: #0A58CA;
    font-size: 20px;
    margin-left: 10px;
}

.investmentSubjectHeader {
    margin-top: 0;
    margin-bottom: 10px;
    color: #8b8b8b;
    font-size: 14pt;
}

.blackPTD, .blackYTD {
    color: black;
}

.redPTD, .redYTD, .PS-Color-Red {
    color: red;
}

.greenPTD, .greenYTD, .cGreen {
    color: green;
}

.CompanyLink, .ContactLink, .CustomContactLink {
    font-weight: bold !important;
    font-size: 15px;
    color: #003399 !important;
    margin-top: 8px;
    display: inline-block;
}

.footerLabel, .gridLink {
    font-weight: normal !important;
    color: #003399 !important;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 143%; /* 20.02px */
    letter-spacing: 0.15px;
}

.ps-layout-header-selections {
    font-size: 13px !important;
}

.ps-left-nav-link {
    font-size: 15px !important;
}

/*.btn.btnAddAssetCustomContact:hover,
.btn.btnAddForDDL:hover,
a.btnAddForDDL:hover,
a.btnAddContact:hover {
    color: rgba(0, 0, 0, 0.87) !important
}*/

.btn.btnAddAssetCustomContact,
.btn.btnAddForDDL,
.btn.btnAddCompanyContact,
a.btnAddForDDL,
a.btnAddContact {
    color: #0A58CA !important; 
}

/* Updated hover for all your add buttons */
.btn.btnAddAssetCustomContact:hover,
.btn.btnAddForDDL:hover,
.btn.btnAddCompanyContact:hover,
a.btnAddForDDL:hover,
a.btnAddContact:hover {
    color: #0846A2 !important; /*darker shade of #0A58CA */
}

input:disabled {
    /*margin-top: 8px;*/
}

button, .txtDNImportant {
    text-decoration: none !important;
}

#tenant_stack_plan.section_tenant_details {
    display: grid;
    grid-template-columns: 1fr auto;
}

    #tenant_stack_plan.section_tenant_details > .section_tenant_stackplan {
        grid-column: span 2;
    }

    #tenant_stack_plan.section_tenant_details > .section_tenant_grid {
        grid-column: span 2;
    }

.InvestmentPageHeader, PS-Custom-Control-Header,
.investmentSubjectHeader {
    margin-top: 0;
    margin-bottom: 10px;
    /*color: #8b8b8b;*/
    color: #0A58CA !important;
    font-size: 22px;
}

.InvestmentPageMainButtons {
    background-color: #fff;
    background-image: linear-gradient(to bottom,rgb(255,255,255,0), rgba(255,255,255,1));
    margin-top: 1rem !important;
}

.PS-Margin-Top-Minus-30 {
    margin-top: -30px !important;
}

.pl0 {
    padding-left: 0px;
}

.PS-Control-Width-100 {
    width: 100%;
}

.PS-Control-Width-100-Important {
    width: 100% !important;
}

.w50 {
    width: 50%;
}

.PS-Border-Width-0 {
    border-width: 0;
}

.PS-Contact-Control {
    width: 85%;
    display: inline-block;
}

.PS-Custom-Control-Header-Div {
    /*margin-left: -8px;*/
}

.PS-Custom-Contact-Button {
    color: #8b8b8b;
    padding: unset;
    padding-top: 3px;
    border: 0px;
}

.PS-Default-Color {
    color: #0A58CA !important;
}

.PS-Default-Color-Blue-Header {
    color: #0A58CA !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 120% !important; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

.PS-Super-Admin-Color-Grid-Header {
    color: #DC4C64;
}

.PS-Super-Admin-Color-Message {
    color: #DC4C64;
    padding-left: 15px;
}

.PS-Super-Admin-Color {
    color: #e08796 !important;
}

    .PS-Super-Admin-Color:hover {
        color: #DC4C64 !important;
        text-decoration: none !important;
    }

.k-grid th.custom-header-sa {
    color: #e08796 !important;
}

    .k-grid th.custom-header-sa .k-link :hover {
        color: #DC4C64 !important;
    }

.PS-Top-Margin-Negative-36 {
    margin-top: -36px;
}

    .PS-Top-Margin-Negative-36.mt0_DELETE_AFTER_LEGACYUI_GONE {
        margin-top: 0;
    }

    .PS-No-Padding {
        padding-left: 0px;
        padding-right: 0px;
    }

.PS-Padding-4 {
    padding: 4px;
}

.mr5 {
    margin-right: 5px;
}

.mrN15Important {
    margin-right: -15px !important;
}

.mN15 {
    margin: -15px;
}

.fileAttachmentButtonIcon {
    text-align: right !important;
}

.m0 {
    margin: 0px;
}

.mt0 {
    margin-top: 0px;
}

.mt0Important {
    margin-top: 0px;
}

.PS-Common-Header-Tag {
    margin-top: 0px;
    margin-bottom: 10px;
    /*color: #8b8b8b;*/
    color: #0A58CA !important;
    font-size: 22px;
}

.mt20 {
    margin-top: 20px;
}

.PS-Margin-Top-Negative-65 {
    margin-top: -65px;
}

.PS-Contact-Window-Header-4 {
    margin: 0px;
    color: #8b8b8b;
    font-size: 22px;
}

.PS-Responsive-Grid-Extra-Styles {
    padding-left: 0px;
    margin-bottom: 25px;
}

.PS-Workflow-Tab-Main-Div {
    margin-top: 20px;
    padding-top: 10px;
}

.PS-Margin-Top-Negative-40 {
    margin-top: -40px;
}

.PS-Margin-Top-Negative-32 {
    margin-top: -32px;
}

.PS-Hidden-Visibility {
    visibility: hidden;
}

.PS-No-Display-Button {
    color: #0A58CA;
    display: none;
}

.w80 {
    width: 80%;
}

.PS-Custom-File-Attachment-Control {
    margin-top: -27px;
    /* width: 11% !important; */
}

.PS-TextArea-ReadOnly-With-Scroll > textarea {
    overflow-y: auto !important;
}

.PS-Margin-Bottom-10 {
    margin-bottom: 10px;
}

.PS-SiteAdmin-Hierarchy-SelectorContainer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 32px;
    align-items: center;
}

    .PS-SiteAdmin-Hierarchy-SelectorContainer > button {
        width: fit-content;
        padding: 0;
    }

.text-black-30 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .3) !important;
}

.PS-Grid-Container-SmallRight {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
}

.PS-hierarchy-detail-container {
    border: 1px solid rgba(0, 0, 0, 0.38);
    display: grid;
    grid-template-areas:
        "header header"
        "tree detail";
    grid-template-columns: minmax(180px, auto) 1fr;
    min-width: 900px;
}

    .PS-hierarchy-detail-container > .hierarchy-header {
        grid-area: header;
        background-color: #F6F6F6;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.38);
    }

        .PS-hierarchy-detail-container > .hierarchy-header .form-control {
            padding-top: .375rem;
            padding-bottom: .375rem;
        }

    .PS-hierarchy-detail-container > .hierarchy-tree {
        grid-area: tree;
        border-right: 1px solid rgba(0, 0, 0, 0.38);
    }

        .PS-hierarchy-detail-container > .hierarchy-tree > .tree-actions-container {
            display: flex;
            --bs-btn-hover-color: rgba(0, 0, 0, .8);
            --bs-btn-hover-bg: transparent;
        }

    .PS-hierarchy-detail-container > .hierarchy-detail,
    .PS-hierarchy-detail-container > .hierarchy-nodetail {
        grid-area: detail;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

.hierarchy-detail-section {
    border: 1px solid rgba(0, 0, 0, 0.38);
}

    .hierarchy-detail-section > .hierarchy-detail-section-title {
        background-color: #a7a7a7;
        display: grid;
        grid-template-columns: minmax(250px, 30%) 1fr auto;
        padding: 10px;
        align-items: center;
        color: #fff;
    }

        .hierarchy-detail-section > .hierarchy-detail-section-title .btn {
            --bs-btn-hover-color: #fff;
            padding: 0;
        }

            .hierarchy-detail-section > .hierarchy-detail-section-title .btn:not(:hover) {
                color: rgba(255,255,255, .8);
            }

        .hierarchy-detail-section > .hierarchy-detail-section-title .k-checkbox:not(:disabled):not(:checked) {
            background-color: white;
        }

        .hierarchy-detail-section > .hierarchy-detail-section-title .k-checkbox-label {
            color: white;
        }

    .hierarchy-detail-section > .hierarchy-detail-section-content {
        display: grid;
        grid-template-columns: 1fr 1fr auto auto;
        gap: 32px;
        padding: 10px;
    }

        .hierarchy-detail-section > .hierarchy-detail-section-content > .--span-all {
            grid-column: span 4;
        }

.tree-actions-container > .btn.btn-icon-only:disabled {
    border: none;
    color: rgba(0, 0, 0, .3);
}

.mt30 {
    margin-top: 30px;
}

.mt32 {
    margin-top: 32px;
}

.mt50 {
    margin-top: 50px;
}

.mt5 {
    margin-top: 5px;
}

.PS-Details-Divider {
    height: 1px;
    background-color: #979797;
}

.fs16 {
    font-size: 16px;
}

.mt10 {
    margin-top: 10px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb0 {
    margin-bottom: 0px;
}

.ml10 {
    margin-left: 10px;
}

.PS-Margin-Left-Minus-30 {
    margin-left: -30px;
}

.PS-Div-DropDown-Header {
    margin-bottom: 10px;
    margin-left: 0px;
}

.PS-None-Display-Colored-Button {
    color: #0A58CA;
    display: none;
}

.PS-Custom-Flex-Column {
    display: flex;
    flex-direction: column;
}

.ml0 {
    margin-left: 0px;
}

.PS-Padding-Right-15 {
    padding-right: 15px;
}

.PS-InvestmentImageDiv {
    padding-right: 15px;
    margin-bottom: 0px;
}

.PS-Investment-Details-Data-Div {
    margin-top: -5px;
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}

.PS-Investment-Details-Header-Div {
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding-bottom: 20px;
    background-color: #094165 !important;
}

.PS-Default-Image-Styling {
    height: 182px;
    width: 208px;
    border-radius: 20px;
}

.PS-Investment-Header-Data-Main-Div {
    width: 88%;
    background-color: transparent;
    border-radius: 20px;
    padding: var(--sds-size-space-200);
    border-radius: var(--sds-size-radius-200);
}

.PS-Investment-Header-Data-H4 {
    position: absolute;
    top: -14px;
    left: 244px;
    font-size: 15px;
}

.PS-Investment-Header-Data-H4 > span.label-default.subtle {
    background-color: #F7F7F6;
    color: #232730;
}

.PS-Investment-Header-Data-Holder-Div {
    margin-top: 40px;
    /*margin-left: 40px;*/
    margin-left: 10px !important;
}

.PS-Investment-Header-InvestmentName {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    /* Heading/Heading 4 */
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-h4-font-size, 24px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-medium, 500);
    line-height: 120%; /* 28.8px */
    letter-spacing: var(--letter-spacing-null, 0);
}

.PS-Investment-Header-Custom-Header {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    /* Base Text/MD (Default)/Base Bold */
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-font-size-md, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-bold, 700);
    line-height: 150%; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0);
}

.PS-Investment-Default-Image-Main-Div {
    overflow: hidden !important;
}

.PS-Investment-Default-Image-Div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.PS-Investment-Default-Image-IMG {
    max-height: 90vh;
    max-width: 90vw;
    padding-bottom: 5px;
}

.PS-Investment-Default-Image-Button-Div {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.PS-Life-Of-Investment-Action-Button {
    display: none;
    color: #003399;
    font-size: 14px;
}

.PS-Life-Of-Investment-TimeLine-Button {
    color: #003399;
    font-size: 14px;
}

.PS-login-Main-Div {
    opacity: .95;
    background-color: #F7F9F9;
}

.PS-Login-SSO {
    text-decoration: none;
    margin-bottom: 5px;
    background-color: #2f2f2f;
    padding: 0px;
    max-height: 40px;
}

.PS-User-Setup-Main-Div {
    opacity: .95;
    background-color: #F7F9F9;
    margin-top: 150px;
    padding: 25px;
}

.PS-Hidden, PS-Overflow-Hidden {
    overflow: hidden;
}

.PS-PBI-IMG {
    width: 80px;
    height: auto;
    bottom: 45px;
}

.PS-Dashboard-Config-Btn {
    color: #1f5876;
    font-size: 14px;
}

.PS-Data-Upload-Header {
    margin-top: 0;
    color: #8b8b8b;
    font-size: 22px;
}

.PS-Data-Upload-Header-2 {
    margin-top: 20px;
    color: #8b8b8b;
    font-size: 22px;
}

.fs30 {
    font-size: 30px;
}

.fwB {
    font-weight: bold;
}

.mb36 {
    margin-bottom: 36px;
}

.PS-Create-Header-Color {
    color: #414141;
}

.w33 {
    width: 33%;
}

.fs22 {
    font-size: 20px;
}

.wAuto {
    width: auto;
}

.wAutoImportant {
    width: auto !important;
}

.fs12 {
    font-size: 12px;
}

.w14P2 {
    width: 14.2%;
}

.mwInherit {
    max-width: inherit;
}

.mtN45 {
    margin-top: -45px;
}

.mtN45.mt0_DELETE_AFTER_LEGACYUI_GONE {
    margin-top: 0;
}

.pUnset {
    padding: unset;
}

.b0 {
    border: 0px;
}

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.o1 {
    order: 1;
}

.o2 {
    order: 2;
}

.ml115 {
    margin-left: 115px;
}

.mt15 {
    margin-top: 15px;
}

.pt0 {
    padding-top: 0px;
}

.pb0 {
    padding-bottom: 0px;
}

.oAuto {
    overflow: auto;
}

.bcffffff {
    background-color: #FFFFFF;
}

.m360 {
    margin: 36px 0;
}

.w25 {
    width: 25%
}

.w15 {
    width: 15%;
}

.mr0Important {
    margin-right: 0px !important;
}

.mr0 {
    margin-right: 0px;
}

.fw400 {
    font-weight: 400;
}

.fsLarge {
    font-size: large;
}

.maxw99minw99 {
    max-width: 99%;
    min-width: 99%;
}

.dinline {
    display: inline;
}

.dinlineflex {
    display: inline-flex;
}

.wsNW {
    white-space: nowrap;
}

.w75 {
    width: 75%;
}

.w75PX {
    width: 75px;
}

.p1010 {
    padding: 10px 10px;
}

.mt1 {
    margin-top: 1px;
}

.mt28 {
    margin-top: 28px;
}

.mr10 {
    margin-right: 10px;
}

.pl50 {
    padding-left: 50px;
}

.pr50 {
    padding-right: 50px;
}

.photoGalleryBreadcrumb {
    display: block;
    margin-left: -8px;
    font-size: 22px;
    display: none;
}

.mt25 {
    margin-top: 25%;
}

.mt25Px {
    margin-top: 25px;
}

.ml42 {
    margin-left: 42px;
}

.mt40 {
    margin-top: 40px;
}

.fs18 {
    font-size: 18px
}

.ml15 {
    margin-left: 15px;
}

.ml-Negative-40 {
    margin-left: -40px;
}

.p20105010 {
    padding: 20px 10px 50px 10px
}

.fs14 {
    font-size: 14px;
}

.pr25 {
    padding-right: 25px;
}

.p0 {
    padding: 0px;
}

.pl25 {
    padding-left: 25px;
}

.pt75 {
    padding-top: 75px;
}

.h50Important {
    height: 50px !important;
}

.h150Important {
    height: 150px !important;
}

.mb30 {
    margin-bottom: 30px;
}

.m-Negative-30 {
    margin: -30px;
}

.fs25 {
    font-size: 25px;
}

.h820 {
    height: 820px;
}

.mb16 {
    margin-bottom: 16px;
}

.w90 {
    width: 90%;
}

.pbireportsDiv {
    overflow-y: auto;
    height: 72vh;
}

.br1Solid {
    border-right: 1px solid #cacaca
}

.bb1Solid {
    border-bottom: 1px solid #cacaca;
}

.bt1Solid {
    border-top: 1px solid #cacaca;
}

.c686b6b {
    color: #686b6b
}

.fs8em {
    font-size: 0.8em;
}

.fs32 {
    font-size: 32px;
}

.w400 {
    width: 400px;
}

.mw550 {
    min-width: 550px;
}

.mb20 {
    margin-bottom: 20px;
}

.fs13 {
    font-size: 13px;
}

.fwBoldImportant {
    font-weight: bold !important;
}

.mtN8 {
    margin-top: -8px;
}

.w300Important {
    width: 300px !important;
}

.p5_0 {
    padding: 5px 0;
}

.ml7 {
    margin-left: 7px
}

.recalcEarningDD {
    margin-top: 15px;
    margin-left: -8px;
}

.p0Important {
    padding: 0px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.br25 {
    border-radius: 25px;
}

.pl35 {
    padding-left: 35px;
}

.fs20 {
    font-size: 20px;
}

.c1f5876 {
    color: #1f5876;
}

.pb50 {
    padding-bottom: 50px;
}

.varianceRulesWindow {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.acCenter {
    align-content: center;
}

.taCenter {
    text-align: center;
}

.mlAuto {
    margin-left: auto;
}

.mrAuto {
    margin-right: auto;
}

.mAuto {
    margin: auto;
}

.h100Important {
    height: 100px !important;
}

.p5_30 {
    padding: 5px 30px;
}

.h75 {
    height: 75px;
}

.ml10Important {
    margin-left: -10px !important;
}

.ml10PosImportant {
    margin-left: 10px !important;
}

.w12 {
    width: 12%;
}

.pt7 {
    padding-top: 7px
}

.mr25 {
    margin-right: 25px;
}

.ml5 {
    margin-left: 5px;
}

.pt35 {
    padding-top: 35px;
}

.h600 {
    height: 600px;
}

.br20 {
    border-radius: 20px;
}

.h35 {
    height: 35px;
}

.b1Solidf1f1f1 {
    border: 1px solid #f1f1f1;
}

.p10 {
    padding: 10px;
}

.mtN6 {
    margin-top: -6px;
}

.mb15 {
    margin-bottom: 15px;
}

.w900 {
    width: 900px;
}

.p5_5 {
    padding: 5px 5px;
}

.w800 {
    width: 800px;
}

.p0_20 {
    padding: 0 20px;
}

.w1000 {
    width: 1000px;
}

.pr4 {
    padding-right: 4px;
}

.dBlock {
    display: block;
}

.dShow {
    display: show;
}

.dHide {
    display: hide;
}

.order1 {
    order: 1;
}

.order2 {
    order: 2;
}

.order3 {
    order: 3;
}

.order4 {
    order: 4;
}

.order5 {
    order: 5;
}

.order6 {
    order: 6;
}

.order7 {
    order: 7;
}

.order8 {
    order: 8;
}

.order9 {
    order: 9;
}

.order10 {
    order: 10;
}

.order11 {
    order: 11;
}

.order12 {
    order: 12;
}

.order13 {
    order: 13;
}

.order14 {
    order: 14;
}

.order15 {
    order: 15;
}

.order16 {
    order: 16;
}

.order17 {
    order: 17;
}

.order18 {
    order: 18;
}

.order19 {
    order: 19;
}

.order20 {
    order: 20;
}

.order21 {
    order: 21;
}

.order22 {
    order: 22;
}

.order23 {
    order: 23;
}

.order24 {
    order: 24;
}

.order25 {
    order: 25;
}

.order26 {
    order: 26;
}

.order27 {
    order: 27;
}

.order28 {
    order: 28;
}

.order29 {
    order: 29;
}

.order30 {
    order: 30;
}

.order31 {
    order: 31;
}

.order32 {
    order: 32;
}

.order33 {
    order: 33;
}

.order34 {
    order: 34;
}

.order35 {
    order: 35;
}

.order36 {
    order: 36;
}

.order37 {
    order: 37;
}

.order38 {
    order: 38;
}

.order39 {
    order: 39;
}

.order40 {
    order: 40;
}

.order41 {
    order: 41;
}

.order42 {
    order: 42;
}

.order43 {
    order: 43;
}

.order44 {
    order: 44;
}

.order45 {
    order: 45;
}

.order46 {
    order: 46;
}

.order47 {
    order: 47;
}

.order48 {
    order: 48;
}

.order49 {
    order: 49;
}

.order50 {
    order: 50;
}

.order51 {
    order: 51;
}

.order52 {
    order: 52;
}

.order53 {
    order: 53;
}

.order54 {
    order: 54;
}

.order55 {
    order: 55;
}

.order56 {
    order: 56;
}

.order57 {
    order: 57;
}

.order58 {
    order: 58;
}

.order59 {
    order: 59;
}

.order60 {
    order: 60;
}

.order61 {
    order: 61;
}

.order62 {
    order: 62;
}

.order63 {
    order: 63;
}

.order64 {
    order: 64;
}

.order65 {
    order: 65;
}

.order66 {
    order: 66;
}

.order67 {
    order: 67;
}

.order68 {
    order: 68;
}

.order69 {
    order: 69;
}

.order70 {
    order: 70;
}

.order71 {
    order: 71;
}

.order72 {
    order: 72;
}

.order73 {
    order: 73;
}

.order74 {
    order: 74;
}

.order75 {
    order: 75;
}

.order76 {
    order: 76;
}

.order77 {
    order: 77;
}

.order78 {
    order: 78;
}

.order79 {
    order: 79;
}

.order80 {
    order: 80;
}

.order81 {
    order: 81;
}

.order82 {
    order: 82;
}

.order83 {
    order: 83;
}

.order84 {
    order: 84;
}

.order85 {
    order: 85;
}

.order86 {
    order: 86;
}

.order87 {
    order: 87;
}

.order88 {
    order: 88;
}

.order89 {
    order: 89;
}

.order90 {
    order: 90;
}

.order91 {
    order: 91;
}

.order92 {
    order: 92;
}

.order93 {
    order: 93;
}

.order94 {
    order: 94;
}

.order95 {
    order: 95;
}

.order96 {
    order: 96;
}

.order97 {
    order: 97;
}

.order98 {
    order: 98;
}

.order99 {
    order: 99;
}

.w272 {
    width: 272px;
}

.h77 {
    height: 77px;
}

.bc3e3e41 {
    background-color: #3E3E41;
}

.borderNone {
    border: none;
}

.backgroundNone {
    background: none;
}

.vVisible {
    visibility: visible;
}

.w100PX {
    width: 100px;
}

.p5_15_0_30 {
    padding: 5px 15px 0 30px;
}

.ls247 {
    letter-spacing: 2.47px;
}

.ls353 {
    letter-spacing: 3.53px;
}

.pt15 {
    padding-top: 15px;
}

.o02 {
    opacity: 0.2;
}

.lstStyleNone {
    list-style: none;
}

.w150 {
    width: 150px;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
    color: black;
}

.w35p {
    width: 35px;
}

.w70p {
    width: 70px;
}

.w35 {
    width: 35%;
}

.workflowRadio {
    flex-wrap: nowrap;
    margin-left: 0px;
}

.w40p {
    width: 40px;
}

.workflowReminderList {
    margin: 0 0 -1em;
    padding: 0;
    width: auto;
}

    .workflowReminderList li {
        list-style: none;
        padding-bottom: 1em;
    }

    .workflowReminderList .k-radio-wrap {
        width: auto !important;
    }

.triggerConditionDDHeight {
    height: 44px !important;
}

.alert {
    z-index: 999999 !important;
}

.siteconfig-customform-prop-container {
    /*display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    margin: 0 -3px;*/
}

.PS-Header-Grid {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .PS-Header-Grid .InvestmentPageMainButtons {
        grid-column: span 2;
        margin: 0;
        text-align: right;
    }

.ladda-borderless.btn[disabled] {
    border: 0;
}

.pv-file-dialog-upload-types {
    background: rgb(0, 0, 0, 0.08);
    padding: 2px;
    width: fit-content;
    border-radius: 4px;
    justify-self: center;
}

.btn-toolbar {
    gap: 8px;
}

.customFormContactWindow .btn-toolbar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "left right";
}

    .customFormContactWindow .btn-toolbar .toolbar-left {
        grid-area: left;
    }

    .customFormContactWindow .btn-toolbar .toolbar-right {
        grid-area: right;
        justify-items: flex-end;
        display: flex;
        gap: 8px;
    }

.dotted-border {
    border: 1.5px dashed #000 !important;
    border-color: #8b8b8b !important;
    padding: 10px !important;
    /*color: blue;*/
    padding: 20px !important;
    border-radius: 15px !important;
}

.fRight {
    float: right;
}

.minWidth50 {
    min-width: 50%;
}

.clearBoth {
    clear: both;
}

#investorFileDropZone {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    height: 176px;
    align-content: center;
}

.bc-pv-blue {
    background-color: #094165 !important;
}

/* navbar padding */
.navbar {
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    /*padding: var(--sds-size-space-500) var(--sds-size-space-600);*/
}

/* Fix wrong black hover in Kendo Bootstrap v5 theme */
:root {
    /*--kendo-color-on-base: var(--bs-primary-bg-subtle);*/ /* perfect Bootstrap-like hover */
    /*--kendo-color-on-base: #0d5a85;*/ /* a bit brighter, still rich navy */
    /*--kendo-color-on-base-hover: #0d5a85;*/
    /*--kendo-color-on-base: kendo-picker-hover-bg;*/
    --kendo-color-on-base: var(--kendo-color-base-hover, #ced3db);
    --sds-color-text-brand-on-brand: #F5F5F5;
    --sds-color-text-neutral-default: #303030;
    /*--sds-size-radius-200: 8px;
    --sds-size-stroke-border: 1px;
    --sds-size-space-300: 12px;
    --sds-size-space-400: 16px; */
    /* Spacing */
    /*--sds-size-space-100: 4px;
    --sds-size-space-200: 8px;
    --sds-size-space-300: 12px;
    --sds-size-space-400: 16px;
    --sds-size-space-500: 24px;
    --sds-size-space-600: 32px;
    --sds-size-space-700: 40px;*/
    /* Border radius */
    /*--sds-size-radius-100: 4px;
    --sds-size-radius-200: 8px;
    --sds-size-radius-300: 12px;
    --sds-size-radius-400: 16px;*/
    /* Stroke / borders */
    /*--sds-size-stroke-border: 1px;
    --sds-size-stroke-border-2: 2px;
    --sds-size-stroke-border-3: 3px;*/
    /* Font sizes */
    /*--sds-size-font-100: 12px;
    --sds-size-font-200: 14px;
    --sds-size-font-300: 16px;
    --sds-size-font-400: 18px;
    --sds-size-font-500: 20px;
    --sds-size-font-600: 24px;
    --sds-size-font-700: 32px;*/
    /* Spacing */
    --sds-size-space-100: 4px;
    --sds-space-xs: 4px;
    --sds-size-space-200: 8px;
    --sds-space-sm: 8px;
    --sds-size-space-300: 12px;
    --sds-space-md: 12px;
    --sds-size-space-400: 16px;
    --sds-space-lg: 16px;
    --sds-size-space-500: 24px;
    --sds-space-xl: 24px;
    --sds-size-space-600: 32px;
    --sds-space-2xl: 32px;
    --sds-size-space-700: 40px;
    --sds-space-3xl: 40px;
    /* Border radius */
    --sds-size-radius-100: 4px;
    --sds-radius-sm: 4px;
    --sds-size-radius-200: 8px;
    --sds-radius-md: 8px;
    --sds-size-radius-300: 12px;
    --sds-radius-lg: 12px;
    --sds-size-radius-400: 16px;
    --sds-radius-xl: 16px;
    /* Stroke / Borders */
    --sds-size-stroke-border: 1px;
    --sds-stroke-sm: 1px;
    --sds-size-stroke-border-2: 2px;
    --sds-stroke-md: 2px;
    --sds-size-stroke-border-3: 3px;
    --sds-stroke-lg: 3px;
    /* Font sizes */
    --sds-size-font-100: 12px;
    --sds-font-xs: 12px;
    --sds-size-font-200: 14px;
    --sds-font-sm: 14px;
    --sds-size-font-300: 16px;
    --sds-font-md: 16px;
    --sds-size-font-400: 18px;
    --sds-font-lg: 18px;
    --sds-size-font-500: 20px;
    --sds-font-xl: 20px;
    --sds-size-font-600: 24px;
    --sds-font-2xl: 24px;
    --sds-size-font-700: 32px;
    --sds-font-3xl: 32px;
    --sds-size-radius-full: 9999;
    --sds-color-border-default-default: #D9D9D9;
    --sds-color-background-default-default: #FFFFFF;
}

/* Optional: make sure navbar links also behave correctly */
.navbar .nav-link:hover,
.k-button:hover,
.k-menu-item:hover {
    /*--kendo-color-on-base: var(--bs-primary-bg-subtle) !important;*/
    --kendo-color-on-base-hover: kendo-picker-hover-bg;
}

/*.site_config_menu_style {
    text-align: left;
    text-align: left;
    flex-direction: column !important;*/
/*TODO: New stuff below*/
/*border-radius: var(--sds-size-radius-200);*/
/*border-radius: 8px;*/
/*border: var(--sds-size-stroke-border) solid #D9D9D9;
    background: #F8F8F8;
}*/

.site_config_menu_style {
    display: flex;
    width: 270px;
    height: 457px;
    padding: var(--sds-size-space-200);
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--sds-size-radius-200);
    border: var(--sds-size-stroke-border) solid #D9D9D9;
    background: #F8F8F8;
}

.menu_list_item {
    display: flex;
    width: 225.705px;
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    align-items: flex-start;
    gap: var(--sds-size-space-300);
    border-radius: var(--sds-radius-md);
    background: #0A58CA;
}

.k-readonly-textbox {
    border: none !important;
    background: transparent !important;
    font-weight: bold;
    padding-left: 0; /* optional */
    box-shadow: none !important;
}

    .k-readonly-textbox input {
        border: none !important;
        box-shadow: none !important;
        font-weight: bold;
    }

/* Sub Header Formatting */
.ex-sub-header {
    display: flex;
    align-items: flex-start;
    background: #F4F4F4;
    min-height: 72px; /* safer than height */
}

    /* Flex alignment for inner content */
    .ex-sub-header > .container-fluid {
        display: flex;
        align-items: center;
        gap: var(--sds-size-space-300);
    }

/* Button container */
.ex-sub-header--gadgets {
    display: flex;
    align-items: center;
    gap: var(--sds-size-space-300);
    background-color: #F4F4F4 !important;
}

/* Disable clearfix interference */
.ex-sub-header::after {
    display: none;
}

/* Sub-header tab */
.ex-sub-header > .container-fluid {
    display: flex;
    /*align-items: flex-start;*/
    /*align-items: start;*/
    /*padding: var(--sds-size-space-300) var(--sds-size-space-400);*/
    gap: var(--sds-size-space-300);
    background: #F5AF2A;
    /* tab-like behavior */
    /*width: fit-content;*/
    min-height: 72px;
}

    .ex-sub-header > .container-fluid:hover {
        filter: brightness(0.95);
    }

.investment-details-data-header {
    padding: 0px;
}

/* Hide the default dropdown caret on icon-only dropdown toggles */
#dropdownAdmin.dropdown-toggle::after,
#dropdownUser.dropdown-toggle::after,
#notifications_button.dropdown-toggle::after,
#dropdownReports.dropdown-toggle::after,
#dropdownAdd.dropdown-toggle::after {
    display: none !important;
}

/* Force classic light border + full rounding on outline inputs */
.k-picker-outline,
.k-input-outline {
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    border: 1px solid rgba(33, 37, 41, 0.20) !important;
    box-shadow: none !important; /* removes default subtle shadow if present */
}

/* Adjust padding on Navbar */
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.pv-card-data-font {
    color: #F06624 !important;
    font-family: Inter !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    /*letter-spacing: 0.5px !important;*/
}

.pv-card-name-font {
    color: var(--kendo-color-base-on-surface, #212529) !important;
    text-align: center !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, 15px) !important;
    font-style: normal !important;
    font-weight: var(--font-weight-kendo-font-weight-regular, 400) !important;
    line-height: 150% !important;
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

/* Change loading spinner color to blue for all Kendo grids, listviews */
.k-grid,
.k-listview {
    color: #0A58CA !important; /* spinner ring inherits this */
}

/* Navbar text style for non-active items */
.navbar .nav-item:not(.active) .nav-link,
.navbar .nav-link:not(.active) {
    color: #FFF !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: var(--font-weight-kendo-font-weight-regular, 400) !important;
    line-height: 150% !important; /* 24px at 16px base */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

/* Active navbar item style */
.navbar .nav-item.active .nav-link,
.navbar .nav-link.active {
    color: #F5AF2A !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: var(--font-weight-kendo-font-weight-bold, 700) !important;
    line-height: 150% !important; /* 24px at 16px base */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

.cog-left-padding {
    padding-left: var(--sds-size-space-300);
}

.bell-right-padding {
    padding-right: var(--sds-size-space-300);
}

.cog-bell-size {
    /*width: 24px;*/
    /*height: 24px;*/
    width: 20px;
    height: 20px;
}

.header-styling {
    color: #0A58CA;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: var(--letter-spacing-null, 0);
}

.pv-logo-size {
    width: 123.142px;
    height: 42px;
}

.pv-padding-x-sm {
    padding-left: 20px;
    padding-right: 20px;
}

.pv-padding-x {
    padding-left: 40px;
    padding-right: 40px;
}

.pv-width-x-xxl {
    width: 100px;
}

/* Fund Details */
#fund_nav {
    background-color: #F4F4F4;
}

    #fund_nav .nav-link:not(.active),
    #lazyLoadTabNav .nav-link:not(.active) {
        color: rgba(48, 48, 48, 0.5) !important; /* matches Figma color and adjust for 0.5 opacity */
        font-family: Roboto, sans-serif;
        font-weight: 400;
    }

.nav-link.active[role="tab"] {
    background-color: #F5AF2A !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

/*.nav-link:not(.active)[role="tab"] {
    background-color: #F4F4F4 !important;
    color: #303030 !important;
    font-weight: 600;
}*/

.nav-link:not(.active)[role="tab"] > .nav-link:hover {
    /* Highlight Hover: Medium-light, visible but not too bright;
                    keeps the “Pereview blue family” consistent */
    color: #5A8DEE !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

.fundDetailTopHeader {
    display: flex;
    /* Layout */
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    gap: var(--sds-size-space-300);
    align-items: flex-start;
    /* Visual */
/*    border-radius: var(--sds-radius-md);*/
    background-color: #094165;
    /* Override legacy spacing */
    margin-top: 0;
    margin-bottom: 0;
/*    margin-left: -20px;
    margin-right: -20px;*/
    padding-left: 40px;
    padding-right: 10px;
}

/* Grid Formatting */
/* Hide Kendo's default sort arrows completely */
.k-grid .k-grid-header .k-sort-icon,
.k-grid .k-grid-header .k-icon.k-svg-icon {
    color: #0D6EFD !important;
}

.btn:hover {
    color: var(--kendo-color-primary-on-surface, #005cbf);
    text-decoration: none;
}

/* Base: no chevron when unsorted */
.k-grid .k-grid-header .k-link::after {
    content: none;
}

/* Space for chevron when sorted */
.k-grid .k-grid-header .k-link {
    position: relative !important;
    padding-right: 28px !important; /* room for chevron */
}

/* Show upward V (Figma chevron) when ASCENDING */
.k-grid .k-grid-header th[aria-sort="ascending"] .k-link::after,
.k-grid .k-grid-header th[data-dir="asc"] .k-link::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.08325 6.63834L7.58325 1.08337L14.0833 6.63834' stroke='%23D6D6D6' stroke-width='2.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

/* Downward V when DESCENDING (rotated 180°) */
.k-grid .k-grid-header th[aria-sort="descending"] .k-link::after,
.k-grid .k-grid-header th[data-dir="desc"] .k-link::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.08325 6.63834L7.58325 1.08337L14.0833 6.63834' stroke='%23D6D6D6' stroke-width='2.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

/* Accordian Chevron */
/* Hide old Font Awesome chevron */
.filter-group-title .fa {
    display: none !important;
}

/* Custom chevron for all filter group headers */
.filter-group-title .custom-chevron {
    display: block;
    width: 19.5px;
    height: 9.75px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 1.25L11 11L1.25 1.25' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    flex-shrink: 0; /* prevents shrinking in flex */
}

/* Default: point down when collapsed */
.filter-group-title[aria-expanded="false"] .custom-chevron,
.filter-group-title.collapsed .custom-chevron {
    transform: rotate(0deg); /* down */
}

/* Point up when expanded */
.filter-group-title[aria-expanded="true"] .custom-chevron {
    transform: rotate(180deg); /* up */
}

/* Layout: space between text and chevron */
.filter-group-title {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    /* Accordian Text */
    /* Filter group header text styling */
    .filter-group-title > span:first-child { /* targets the text span (Type, Region, etc.) */
        width: 190px !important; /* fixed width from Figma */
        color: #000 !important;
        font-feature-settings: 'liga' off, 'clig' off !important;
        font-family: var(--font-family-kendo-font-family, Roboto) !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 700 !important; /* bold */
        line-height: 120% !important; /* 21.6px at 18px base */
        letter-spacing: var(--letter-spacing-null, 0) !important;
        display: block; /* ensures width and line-height apply correctly */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; /* prevents wrapping */
    }

/* Filter group description items (under the title) */
.filter-group-item, /* adjust selector based on class */
.filter-group-content span, /* fallback if they're direct spans */
.filter-group-content label, /* checkboxes/radios */
.filter-group-content .k-label { /* Kendo labels */
    display: block !important;
    width: 178px !important;
    height: 24px !important;
    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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Pill Styling on Filters */
/* Active filter pills - match Figma design */
#activeFiltersList .filter-value {
    display: inline-flex !important;
    height: 32px !important;
    padding: 0 12px 0 8px !important; /* left 8px, right 12px */
    align-items: center !important;
    gap: 4px !important;
    border-radius: 20px !important;
    background: #0D6EFD !important; /* primary blue */
    opacity: 0.5 !important; /* per Figma */
    color: white !important;
    font-size: 14px !important;
}

/* "Filters:" label */
#activeFiltersList .filter-label {
    color: #212529;
    font-weight: 600;
    margin-right: 8px;
}

/* Close icon */
#activeFiltersList .icon-close {
    color: white !important;
    opacity: 0.8;
}

    #activeFiltersList .icon-close:hover {
        opacity: 1;
    }

/* When no filters are active - hide the entire bar */
#activeFiltersList:empty,
#activeFiltersList > li:only-child.filter-label {
    display: none !important;
}

/* Reformat Accordion Filters */
/* Main layout: side-by-side on larger screens, stacked on mobile */
.search-page-layout {
    display: flex;
    gap: 0;
    min-height: 100vh;
}

/* Sidebar: fixed width */
.filter-sidebar-wrapper {
    width: 270px;
    flex-shrink: 0; /* prevents shrinking */
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 0; /* optional: pull it closer to content */
    height: fit-content;
    padding: var(--sds-size-space-200);
    border-radius: var(--sds-size-radius-200);
    border: var(--sds-size-stroke-border) solid #D9D9D9;
    background: #F8F8F8;
    box-sizing: border-box;
    align-self: flex-start; /* prevents stretching full height if content is short */
}

/* Main content takes remaining space */
.main-content-wrapper {
    flex: 1;
    min-width: 0; /* for flex children with long content */
    /*padding: 20px;*/ /* match sidebar margin */
}

/* Mobile: stack sidebar */
@media (max-width: 992px) {
    .search-page-layout {
        flex-direction: column;
    }

    .main-content-wrapper {
        padding: 0 20px 20px;
    }
}
/* Reformat Accordion Filters */

/* Fund Search View */
/* Ensure the grid view has proper spacing and full width */
#FundSearchResultsGrid {
    display: block;
}

    #FundSearchResultsGrid .grid-view-header {
        padding: 0 20px; /* matches your main content padding */
        margin-top: 20px; /* adds space below the results-header */
    }

    #FundSearchResultsGrid .table-responsive {
        margin: 0 20px; /*consistent side margins */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /*smooth on mobile */
    }
        /*.table--searchResults .table-responsive {
    margin: 0 20px !important;*/ /* or just margin: 0 20px; if no override needed */
        /*overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}*/

        /* Optional: style the scrollbar (modern browsers) */
        #FundSearchResultsGrid .table-responsive::-webkit-scrollbar {
            height: 8px;
        }

        #FundSearchResultsGrid .table-responsive::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }

        #FundSearchResultsGrid .table-responsive::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
        }

            #FundSearchResultsGrid .table-responsive::-webkit-scrollbar-thumb:hover {
                background: #a8a8a8;
            }

/* Ensure Kendo Grid doesn't add unwanted margins */
.k-grid {
    margin: 0 !important;
}

/* Card View Layout */
#FundSearchResultsCardView .card-view-header {
    margin-top: 20px; /* space below results-header */
}

#FundSearchResultsCardView .card-view-list {
    width: 100%;
}

/* Make sure ListView uses full width; card layout handled by .k-listview-content grid above */
#FundSearchResultsCardView .k-listview {
    width: 100% !important;
    padding: 0;
    margin: 0;
}

/* Container for the tabs */
#fund_nav.fund-tabs,
#site-admin-nav.site-admin-tabs,
#lazyLoadTabNav,
#FormattedReportsContainer,
.ip-default-nav-tabs,
#asset-upload-tab-nav {
    display: flex; /* keep flex for alignment */
    flex-wrap: wrap; /* allow wrapping on small screens */
    padding: 0 !important;
    margin: 0;
    background-color: #F4F4F4; /* default gray */
    list-style: none;
}

    /* Each tab item - natural width, no stretching */
    #fund_nav.fund-tabs .nav-item,
    #asset-upload-tab-nav .nav-item,
    #site-admin-nav.site-admin-tabs .nav-item,
    #lazyLoadTabNav .nav-item3
    .ip-default-nav-tabs > .nav-item {
        flex: 0 0 auto; /* don't' grow or shrink to fill space */
        margin: 0;
    }

    #fund_nav.fund-tabs .nav-link,
    #site-admin-nav.site-admin-tabs .nav-link,
    #FormattedReportsContainer .formattedReports,
    #lazyLoadTabNav .nav-link,
    .ip-default-nav-tabs > .nav-item .nav-link {
        /* Base text style - shared for both states */
        /*color: var(--sds-color-text-brand-on-brand) !important;*/
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: var(--font-family-kendo-font-family, Roboto);
        font-size: var(--font-size-kendo-font-size-md, 15px);
        font-style: normal;
        font-weight: var(--font-weight-kendo-font-weight-regular, 400);
        line-height: 150%;
        letter-spacing: var(--letter-spacing-null, 0);
        /* Layout */
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-width: 136px;
/*        REDUCED HEIGHT BY 10PX*/
        height: 62px;
        padding: var(--sds-size-space-300) var(--sds-size-space-400);
        gap: var(--sds-size-space-300);
        background-color: #F4F4F4 !important;
        border-radius: 0 !important;
        transition: all 0.2s ease-in-out;
        border: none !important;
    }

        #fund_nav.fund-tabs .nav-link.active,
        #site-admin-nav.site-admin-tabs .nav-link.active,
        #FormattedReportsContainer .formattedReports.active,
        #lazyLoadTabNav .nav-link.active,
        .ip-default-nav-tabs .nav-link.active {
            background-color: #F5AF2A !important;
            color: var(--sds-color-text-brand-on-brand) !important;
        }

        #FormattedReportsContainer .formattedReports:hover {
            text-decoration: none;
        }

    .ip-default-nav-tabs > .nav-item .nav-link {
        color: rgba(48, 48, 48, 0.5) !important;
    }

        .ip-default-nav-tabs > .nav-item .nav-link.active {
            color: white !important;
            background-color: #F5AF2A !important;
            color: #FFFFFF !important;
        }

.ex-sub-header--gadgets.ip-default-nav-tabs {
    width: 100%;
}

/* Padding Investor Portal - Ownership - Overview */
#FundTabDisplayZone {
    /*padding-left: 48px;*/
    /*padding-right: 48px;*/
    /*padding-top: 16px;*/
    /*padding-bottom: 24px;*/
}

/* Base styling for Investor Portal left navigation menus */
#site_config_menu .nav_site_config,
#data_mgmt_menu .nav_data_mgmt,
#fund_mgmt_menu .nav_fund_mgmt,
#site_config_menu .nav_investor_portal {
    background-color: rgb(248, 248, 248);
    color: #1E1E1E; /* Inactive: dark text */
    transition: background-color 0.2s ease, color 0.2s ease;
    border-radius: var(--sds-size-radius-200);
}

    /* Active item */
    #site_config_menu .nav_site_config.active .nav-link,
    #data_mgmt_menu .nav_data_mgmt.active .nav-link,
    #fund_mgmt_menu .nav_fund_mgmt.active .nav-link,
    #site_config_menu .nav_investor_portal.active .nav-link {
        background-color: #0A58CA !important;
        color: #FFFFFF !important;
        border-radius: var(--sds-size-radius-200);
    }

    #site_config_menu .nav_site_config a.nav-link,
    #data_mgmt_menu .nav_data_mgmt a.nav-link,
    #fund_mgmt_menu .nav_fund_mgmt a.nav-link,
    #site_config_menu .nav_investor_portal a.nav-link {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0.75rem 1rem;
        color: inherit !important;
        text-decoration: none;
    }

    /* Hover for inactive items */
    #site_config_menu .nav_site_config .nav-link:not(.active):hover,
    #data_mgmt_menu .nav_data_mgmt .nav-link:not(.active):hover,
    #fund_mgmt_menu .nav_fund_mgmt .nav-link:not(.active):hover,
    #site_config_menu .nav_investor_portal .nav-link:not(.active):hover,
    .nav-item:not(.active) .nav-link.ps-left-nav-link:hover {
        background-color: #e0e0e0 !important; /* Slightly darker gray on hover */
        border-radius: var(--sds-size-radius-200) !important;
    }

.col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

#dashboardFilters {
    margin: 0;
}

#mainDashboardKPIDiv,
#accountBalanceGrid,
#highchartDashboards,
#investorFiles {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#FundSearchResultsCardView,
#InvestmentCardsListView {
    min-height: 25rem;
}

/* Adjust height on dashboard card grid */
.dashboard-zone .grid-table {
    overflow: auto !important;
    height: 325px !important;
}

.site-admin {
    margin: 0 !important;
}

#FundSearchResultsCardView .k-pager-md {
    padding-block: 0 !important;
}

#FundSearchResultsCardView.ipOnly_FundSearchCardView .k-listview-content {
    padding-top: 0 !important;
}

.grid-view-header.d-flex.justify-content-between.align-items-end.mb-4.px-3.ipOnlyGridViewWrapper {
    margin-top: 15px;
}

    .grid-view-header.d-flex.justify-content-between.align-items-end.mb-4.px-3.ipOnlyGridViewWrapper div.col-md-12.custom-flex-container {
        justify-content: flex-end!important;
    }
    /*    #FundSearchResultsCardView .k-listview-content .k-listview-item.k-selected {
        width: 14.6rem;
        height: 21.75rem;
        padding-left: 10px;
        padding-top: 10px;
    }*/
#site_config_menu,
#data_mgmt_menu {
    background-color: #F8F8F8;
    border-radius: var(--sds-size-space-200);
    padding: 10px; /* optional padding inside the container */
    /*margin-top: 16px;*/
    margin: 0 1.5rem;
}

.pv-drag-drop-text {
    color: #505050;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#accountBalanceGrid {
    margin-bottom: 2.5rem !important;
}

.investor-details-grid-header {
    color: #0A58CA !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important; /* 24px */
    letter-spacing: var(--letter-spacing-null, 0) !important;
}

/* All inline edit text inputs in any Kendo grid */
/*.k-grid-edit-row input.k-valid,
.k-grid-edit-row input.k-textbox,
.k-grid-edit-row .k-input-inner {
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    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 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent);
}*/
/* Apply only to text inputs, explicitly skip any dropdown-related inputs */
/*.k-grid-edit-row td input[type="text"]:not([id*="DropDown"]),
.k-grid-edit-row td input.k-textbox:not([id*="DropDown"]),
.k-grid-edit-row td .k-input-inner:not(.k-dropdownlist .k-input-inner) {
    padding: 1rem !important;
    border-radius: 0.5rem !important;
    border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
    color: var(--kendo-color-on-app-surface, #212529) !important;
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent) !important;
}*/

.k-grid-edit-row td input[type="text"]:not([id*="DropDown"]),
.k-grid-edit-row td input.k-textbox:not([id*="DropDown"]),
.k-grid-edit-row td .k-input-inner:not(.k-dropdownlist .k-input-inner) {
    /*    padding: 1rem !important;*/
    /*padding: 0.25rem !important;*/
    border-radius: 0.5rem !important;
    /* Reset base border to match Kendo outline style */
    /*border: 1px solid #d1d5db !important;*/ /* light gray – common Kendo default */
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
    color: var(--kendo-color-on-app-surface, #212529) !important;
    /* Kill native browser outline  */
    outline: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

    /* Focus state – clean Kendo-style focus ring for Grid text in "Edit " */
    .k-grid-edit-row td input[type="text"]:not([id*="DropDown"]):focus,
    .k-grid-edit-row td input.k-textbox:not([id*="DropDown"]):focus,
    .k-grid-edit-row td .k-input-inner:not(.k-dropdownlist .k-input-inner):focus {
        border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
        box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent) !important;
        outline: none !important; /* double-kill native outline */
    }

.form-control,
.currency-change {
    border-color: var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
    color: var(--kendo-color-on-app-surface, #212529) !important;
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
/*    width: 95% !important;*/
    padding-block: 10px !important;
    height: 47px;
}

/*.form-control:focus-within,
    .currency-change:focus-within {
        border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
        color: var(--kendo-color-on-app-surface, #212529) !important;
        background-color: var(--kendo-color-app-surface, #ffffff) !important;
        box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent) !important;
    }*/

.pve-global-search {
    border-radius: var(--sds-size-radius-full, 9999px) !important;
    border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default, #D9D9D9);
    background: var(--sds-color-background-default-default, #FFFFFF);
    display: flex;
    width: 239px !important;
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    align-items: center;
    gap: var(--sds-size-space-200);
    flex-shrink: 0;
}

.pve-global-search-new {
    border-radius: var(--sds-size-radius-full) !important;
    /*border: var(--sds-size-stroke-border) solid var(--sds-color-border-default-default) !important;*/
    background: var(--sds-color-background-default-default) !important;
    display: flex !important;
    width: 239px !important;
    /*padding: var(--sds-size-space-300) var(--sds-size-space-400) !important;*/
    align-items: center !important;
    gap: var(--sds-size-space-200) !important;
    flex-shrink: 0 !important;
}

.InvestorPortalFileDropZone {
    padding-top: 1rem;
    background-color: inherit !important;
    border: none !important;
}

.InvestorPortalAdminFileUploadContainer {
    margin-bottom: 7rem;
}

#FundSearchResultsCardView .k-listview-item {
    padding-left: 0;
    padding-right: 0;
}

.fa-envelope::before {
    color: #0D6EFD !important;
}

.gridLink {
    color: #0D6EFD !important;
}

#btnRequestChange {
    float: right;
    margin-bottom: 8px;
}

.pv-login-input {
    width: 286px;
    padding: var(--sds-size-space-300) var(--sds-size-space-400);
    align-items: center;
    gap: var(--sds-size-space-200);
    border-radius: var(--sds-size-radius-full);
    background: var(--sds-color-background-default-default);
}

.pv-login-input-kendo {
    width: 286px !important;
    padding: var(--sds-size-space-100) var(--sds-size-space-400) !important;
    align-items: center !important;
    gap: var(--sds-size-space-200) !important;
    border-radius: var(--sds-size-radius-full) !important;
    background: var(--sds-color-background-default-default) !important;
    padding-block: 0.25rem !important;
}

.pv-sign-in-button {
    display: flex;
    width: 286px;
    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: var(--kendo-color-primary);
}

.pv-sign-in-button {
    display: flex;
    width: 286px;
    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: var(--kendo-color-primary);
    color: #F8F9FA;
}

    /* TODO: Tweak hover affect or just use above */
    .pv-sign-in-button:hover {
        background: color-mix(in srgb, var(--kendo-color-primary) 85%, black) !important;
        color: white !important;
        border-color: color-mix(in srgb, var(--kendo-color-primary) 85%, black) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; /* optional subtle lift */
        transition: all 0.15s ease; /* smooth change */
    }

.pv-sign-in-with-microsoft-button {
    display: flex !important;
    width: 286px !important;
    height: 42px !important;
    justify-content: center !important;
    border-radius: 30px !important;
    border: 1px solid rgba(30, 36, 50, 0.23) !important;
    background-color: transparent !important;
}

    .pv-sign-in-with-microsoft-button:hover {
        background-color: rgba(30, 36, 50, 0.04) !important;
        border-color: rgba(30, 36, 50, 0.4) !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    }

.pv-sign-in-with-microsoft-text {
    color: #000;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: 0.15px;
}

.pv-forgot-password-text {
    color: var(--kendo-color-primary);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-font-size-md, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-medium, 500);
    line-height: 150%;
    letter-spacing: var(--letter-spacing-null, 0);
}

:root {
    --sds-size-space-200: 8px;
    --sds-size-space-300: 12px;
    --sds-size-space-400: 16px;
    --sds-size-radius-full: 9999px;
    --sds-size-stroke-border: 1px;
    --sds-color-border-default-default: #D9D9D9;
    --sds-color-background-default-default: #FFFFFF;
    --kendo-color-primary: #0A58CA;
}

.mt-300px {
    margin-top: 300px !important;
}

#loginLogo {
    /*width: 169px;*/
    width: 10.563rem;
    /*height: 49px;*/
    height: 3.063rem;
}

.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ip-btn-pill {
    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;
    font-size: 15px !important;
    border: 1px solid var(--kendo-color-primary);

    &.cancel {
        background-color: #fff;
        color: var(--kendo-color-primary);
    }

    &.primary {
        background-color: var(--kendo-color-primary);
        color: white;
    }

        &.primary:focus {
            box-shadow: 0 0 0px .25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 50%, transparent);
        }

    .ip-btn-pill[disabled] {
        cursor: default;
        background-color: var(--bs-btn-disabled-bg);
    }
}

/* Kendo Grid popup edit window action buttons */
.k-window-actions.ip-grid-popup-actions {
    justify-content: flex-end;
    gap: var(--kendo-spacing-4, 16px);
    padding: var(--kendo-spacing-4, 16px);
}

    .k-window-actions.ip-grid-popup-actions .ip-btn-pill {
        min-width: auto;
    }

        .k-window-actions.ip-grid-popup-actions .ip-btn-pill.cancel:hover,
        .k-window-actions.ip-grid-popup-actions .ip-btn-pill.cancel:focus {
            background-color: #fff;
            color: var(--kendo-color-primary);
            border-color: var(--kendo-color-primary);
        }

        .k-window-actions.ip-grid-popup-actions .ip-btn-pill.primary:hover,
        .k-window-actions.ip-grid-popup-actions .ip-btn-pill.primary:focus {
            background-color: var(--kendo-color-primary);
            color: white;
            border-color: var(--kendo-color-primary);
        }

#AddNewTransactionHeader {
    margin-top: 16px !important;
}

.ps-horizontal-form-padding {
    padding-right: 0px;
    padding-left: 45px;
}

#AllFormattedReportsHeader {
    color: #0D6EFD;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding: 11px 4px 0px 5px;
}

/* Custom Grid Toolbar */
.custom-grid-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Export to Excel Button */
#customExportBtn {
    display: flex;
    padding: 9px 17px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 6px;
    background: #0D6EFD;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    #customExportBtn:hover {
        background-color: #0b5ed7;
    }

    #customExportBtn:active {
        background-color: #0a58ca;
    }

    #customExportBtn svg {
        width: 11px;
        height: 14px;
        flex-shrink: 0;
    }

    #customExportBtn span {
        white-space: nowrap;
    }

/* Search Input Wrapper */
.custom-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 256px;
}

    .custom-search-wrapper .search-icon {
        position: absolute;
        left: 12px;
        pointer-events: none;
        flex-shrink: 0;
    }

/* Search Input */
#customSearchInput {
    width: 100%;
    padding: 10px 12px 6px 36px;
    border-radius: 6px;
    /*border: 1px solid #D1D1D1;*/
    background: #FFF;
    font-family: Roboto;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

    #customSearchInput::placeholder {
        color: #999;
    }

    #customSearchInput:focus {
        outline: none;
        border-color: #0D6EFD;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
    }

ul.nav.fs18#VarianceTabs {
    margin-left: -30px;
    margin-top: -5px;
    background-color: #F4F4F4;
    margin-right: -30px;
}

.navbar-background-color {
    background-color: #094165;
}

.investment-info {
    padding: 24px 32px;
    background-color: #094165;
}

/*#asset_nav .nav-item .nav-link:not(.active)[role="tab"] {
    border-radius: var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-null, 0) var(--kendo-border-radius-null, 0);
    border-top: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    border-right: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    border-left: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    color: #212529;
}

#asset_nav .nav-item .nav-link.active[role="tab"] {
    border-radius: var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-null, 0) var(--kendo-border-radius-null, 0);
    border-top: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    border-right: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    border-left: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    border-bottom: 1px solid #0A58CA;
    color: #0A58CA;
}*/

/* Base styles for all nav items */
#asset_nav,
#transaction-nav,
#development-details-nav,
#development-details-nav-shell,
#portfolio_nav,
.subSubNav {
    border-bottom: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    /*margin-top: -0.25px;*/
}

#asset_nav .nav-item,
#transaction-nav .nav-item,
#development-details-nav .nav-item,
#development-details-nav-shell .nav-item,
#portfolio_nav .nav-item,
.subSubNav .nav-item {
    border-radius: var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-sm, 4px) var(--kendo-border-radius-null, 0) var(--kendo-border-radius-null, 0);
    border-top: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));
    /*border-right: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));*/
    /*border-left: 1px solid var(--Transparent, rgba(255, 255, 255, 0.00));*/
    /*padding: 1rem !important;*/
    background-color: transparent !important;
    position: relative;
}

    /* Active nav item */
    #asset_nav .nav-item.active .nav-link,
    #transaction-nav .nav-item.active .nav-link,
    #development-details-nav .nav-item.active .nav-link,
    #development-details-nav-shell .nav-item.active .nav-link,
    #portfolio_nav .nav-item.active .nav-link,
    #lease-nav .nav-item.active .nav-link,
    .subSubNav .nav-item.active .nav-link{
        border-bottom: 3px solid #0A58CA;
        color: #0A58CA !important;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: var(--font-family-kendo-font-family, Roboto);
        font-size: var(--font-size-kendo-font-size-md, 13px);
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 24px */
        letter-spacing: var(--letter-spacing-null, 0);
        padding: 20px !important;
    }

    /* Non-active nav item */
    #asset_nav .nav-item:not(.active) .nav-link,
    #transaction-nav .nav-item:not(.active) .nav-link,
    #development-details-nav .nav-item:not(.active) .nav-link,
    #development-details-nav-shell .nav-item:not(.active) .nav-link,
    /*#portfolio_nav .nav-item:not(.active) .nav-link,*/
    #lease-nav .nav-item:not(.active) .nav-link,
    .subSubNav .nav-item:not(.active) .nav-link {
        color: var(--kendo-color-on-app-surface, #212529) !important;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        /* Base Text/MD (Default)/Base */
        font-family: var(--font-family-kendo-font-family, Roboto);
        font-size: var(--font-size-kendo-font-size-md, 13px);
        font-style: normal;
        font-weight: var(--font-weight-kendo-font-weight-regular, 400);
        line-height: 150%; /* 24px */
        letter-spacing: var(--letter-spacing-null, 0);
        padding: 20px !important;
        /*        border-bottom: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));*/
    }

#section_asset_tenant,
#section_asset_properties,
#section_asset_details,
#section_asset_receivablescomments,
#section_asset_reports,
#section_asset_variancecomments,
#section_asset_gleditsummary,
#AssetTabDisplayZone,
#section_asset_files,
#section_asset_workflow_table,
.subnav-left-drawer-spacing,
#FundTabDisplayZone,
#FinancingTabDisplay {
    padding-top: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pv-refresh-button {
    color: white;
    display: flex;
    width: 98px;
    height: 36px;
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    border-radius: 24px;
    border: 1px solid var(--kendo-color-primary);
    background: var(--kendo-color-primary);
}

.pv-blue-pill-button {
    display: flex;
    width: 98px;
    height: 36px;
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    border-radius: 24px;
    border: 1px solid var(--kendo-color-primary);
    background: var(--kendo-color-primary);
}

.pv-blue-button:hover {
    background: color-mix(in srgb, var(--kendo-color-primary) 85%, black) !important;
    color: white !important;
    border-color: color-mix(in srgb, var(--kendo-color-primary) 85%, black) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.15s ease;
}

.pv-cancel-button {
    display: flex;
    width: 98px;
    height: 36px;
    justify-content: center;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    border-radius: 24px;
    border: 1px solid var(--kendo-color-primary);
    background: white;
}

.spinner-border {
    color: #0a58ca;
}

#AssetDetailsLeftNavigation .nav_asset_menu_item .nav-link,
#AssetDetailsLeftNavigation .nav_asset_report_item .nav-link,
#FundDetailsLeftNavigation .nav_asset_menu_item .nav-link,
#FundDetailsLeftNavigation .nav_asset_report_item .nav-link {
    /*background-color: #0A58CA;*/
    /*color: #fff;*/
    /*border-color: #0A58CA;*/
    border-radius: 0.5rem !important;
}

.k-drawer-link:hover {
    color: var(--kendo-color-on-app-surface, #212529);
    background-color: var(--kendo-color-base-subtle-hover, #e4e7eb);
}

.k-drawer-item:hover, .k-drawer-item.k-hover {
    /*color: var(--kendo-color-on-app-surface, #212529);*/
    background: #F8F8F8 !important;
}

/* style the left side navigation to look like Kendo drawers */
/* ==================== Kendo-like Left Navigation ==================== */

/* Apply this to the container for the <ul to make it look like a drawer */
.pv-drawer-wrapper {
    display: flex;
    /* min-width: 16rem; */
    /*width: 16rem;*/
    /* min-height: 28rem; */
    /*height: 28rem;*/
    /* padding: var(--sds-size-space-200); */
    padding: 17px 21px;
    flex-direction: column;
    /* align-items: center; */
    justify-content: flex-start;
    border-radius: var(--sds-size-radius-200);
    border: var(--sds-size-stroke-border) solid #D9D9D9;
    background: #F6F6F6;
    box-sizing: border-box;
    overflow-y: auto;
    /* margin-left: 1rem !important; */
}

/* Hover State */
/*#AssetDetailsLeftNavigation .k-drawer-item:hover .k-drawer-link {
    background-color: var(--kendo-color-hover, #f5f5f5);
    color: var(--kendo-color-on-hover, #212529);
    border-left-color: var(--kendo-color-primary, #0A58CA);
}*/

/* Active State */
/*#AssetDetailsLeftNavigation .k-drawer-item.active .k-drawer-link,
#AssetDetailsLeftNavigation .nav-item.active .nav-link {
    background-color: var(--kendo-color-selected, #e6f0ff);
    color: var(--kendo-color-primary, #0A58CA);
    font-weight: 500;
    border-left: 3px solid var(--kendo-color-primary, #0A58CA);
}*/

#AssetDetailsInfoZone {
    padding-left: calc(var(--bs-gutter-x) * 1.0);
}

.pv-ml-mr-n35 {
    margin-left: -0.35rem !important;
    margin-right: -0.35rem !important;
}

#stackPlan.nav-item .nav-link {
    color: #0A58CA !important;
}

#gridView.nav-item .nav-link {
    color: #0A58CA !important;
}

/* Disabled state fix */
/*.k-input.k-disabled .k-input-inner,
input.k-input-inner[aria-disabled="true"],
input[role="spinbutton"][aria-disabled="true"] {
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}*/

/* Remove Bootstrap focus box-shadow from Kendo inputs */
/*.form-control:focus,*/
.k-input-inner:focus,
.k-input:focus-within .k-input-inner {
    box-shadow: none !important;
}

#wrapper.adHocReportSideBar .nav-item .nav-link,
#wrapper.adHocReportSideBar .nav-item i,
.nav-item.nav_disposition_menu_item .nav-link,
a.nav-link.ps-left-nav-link {
    color: #8b8b8b !important;
}

li.nav_transaction_menu_item.active a.nav-link.ps-left-nav-link,
ul.nav.nav-tabs.nav-tabs-left li.nav-item.active > a.nav-link.ps-left-nav-link {
    color: white !important;
    border-radius: var(--sds-radius-md);
    background: #0A58CA;
}

#wrapper.adHocReportSideBar .nav-item .nav-link,
#IG-LinkWrappers .gridLink,
a.action_link.gridLink {
    font-family: 'Roboto';
}

.newUI-top-mar-1rem {
    margin-top: 1rem;
}

.ip-only-pmx-normal {
    padding-left: 45px;
    padding-right: 45px;
}

.ip-only-pmx-small {
    padding-left: 24px;
    padding-right: 24px;
}

.PS-Details-Divider {
    height: 0;
    background-color: none;
}

/* Target the actual tooltip that Kendo creates (Name of the button and "_tb_active"*/
/* have to make it very specific to override stackplan.css */
#btnCopyVarianceComments_tb_active.pv-blue-tooltip,
#btnCopyVarianceComments_tb_active {
    background-color: #0A58CA !important;
    color: white !important;
    border-color: #0A58CA !important;
}

.ip-mt-10 {
    margin-top: 10px;
}

.PS-Investment-Header-Custom-Header dt,
.PS-Investment-Header-Custom-Header dd {
    color: white;
}

.nav-tabs-left a.nav-link.ps-left-nav-link {
    padding: var(--sds-size-space-300);
}

ul#TransDetailsLeftNavigation,
ul#DispositionDetailsLeftNavigation,
ul.ip-default-left-nav-tabs,
.ip-default-lev-nav-filter {
    padding: 10px 22px;
    border-radius: var(--sds-size-radius-200);
    border: var(--sds-size-stroke-border) solid #D9D9D9;
    background: #F6F6F6;
}

.global-search-tabs a.nav-link:not(.active) {
    color: rgba(48, 48, 48, 0.5) !important;
}

.global-search-tabs a.nav-link.active {
    font-weight: normal;
}

.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

.ip-filterSidebar.app-sidebar.filters.keyline-right {
    border-right: none;
    padding-top: 16px;
    padding-left: 26px;
}

.ip-filterSidebar .filter-value {
    border-radius: 20px;
    opacity: 0.5;
    background: #0D6EFD;
    color: #FFF;
    font-family: Inter, Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Real active page only */
.navbar .nav-link.active:not(.dropdown-toggle),
.navbar .nav-item.active > .nav-link:not(.dropdown-toggle) {
    color: #F5AF2A !important;
    font-weight: 600;
}

.navbar .nav-item:not(.active) > .nav-link:hover {
    color: #5A8DEE !important; /* Medium-light, visible but not too bright; keeps the “blue family” consistent */
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

/* New UI - Filter checkboxes - Change accent color */
.ip-default-lev-nav-filter .checkbox input[type="checkbox"] {
    accent-color: #0066CC;
}

#TransactionZone1 .table-striped > tbody > tr:nth-of-type(odd) * {
    background: transparent;
}

#customHeader dd > a {
    color: #F5AF2A;
}

button#showTimeline {
    display: flex;
    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: var(--kendo-color-primary);
    color: var(--kendo-color-surface, #F8F9FA);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-kendo-font-family, Roboto);
    font-size: var(--font-size-kendo-font-size-md, 16px);
    font-style: normal;
    font-weight: var(--font-weight-kendo-font-weight-regular, 400);
    line-height: 150%;
    letter-spacing: var(--letter-spacing-null, 0);
    width: auto;
    position: absolute;
    bottom: 180px;
    right: 60px;
}

h4.blueHeader {
    color: #0A58CA;
}

text.highcharts-title {
    font-size: 14pt !important;
}

.ip-default-nav-tabs > .nav-item a.nav-link-sa {
    color: #e08796 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: white;
}

.nav .nav-item.disabled {
    opacity: .5;
}

/* Force blue tooltip inside any grid - beats stackplan.css */
.k-grid .k-tooltip,
.k-grid .k-tooltip.k-popup,
body .k-grid .k-tooltip {
    background-color: #0A58CA !important;
    color: white !important;
    border-color: #0A58CA !important;
    padding: 8px 12px !important;
    font-size: 13px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
}

/* Allow main navbar flex row to shrink instead of overflowing the blue bar */
.navbar > .container-fluid > .flex-grow-1 {
    min-width: 0;
}

/* Main navbar collapses at 1120px (overrides Bootstrap navbar-expand-lg at 992px) */
@media (max-width: 1120px) {
    nav.navbar.bc-pv-blue.navbar-expand-lg {
        flex-wrap: wrap;
    }

    nav.navbar.bc-pv-blue.navbar-expand-lg .navbar-toggler {
        display: block;
    }

    nav.navbar.bc-pv-blue.navbar-expand-lg .navbar-collapse.collapse:not(.show) {
        display: none !important;
    }

    nav.navbar.bc-pv-blue.navbar-expand-lg .navbar-collapse.collapse.show {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }

    nav.navbar.bc-pv-blue.navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }

    nav.navbar.bc-pv-blue.navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static;
    }
}

#ULMainNav {
    justify-content: space-evenly;
}

    #ULMainNav .dropdown-menu {
        margin-top: 36px;
    }

    #ULMainNav li.nav-item {
        margin-right: 40px;
    }

    #ULMainNav li.nav-item.dropdown {
        display: flex;
    }

        #ULMainNav li.nav-item.dropdown svg {
            margin-top: 14px;
        }

@media (max-width: 1919px) and (min-width: 1540px) {
    #ULMainNav li.nav-item {
        margin-right: 16px;
    }
}

/* Main navbar horizontal band: tighten spacing first, then text below 1300px */
@media (max-width: 1539px) and (min-width: 1121px) {
    .navbar > .container-fluid .navbar-brand {
        margin-right: 1rem;
    }

    .navbar .pv-width-x-xxl {
        width: 60px;
    }

    #ULMainNav li.nav-item {
        margin-right: 8px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    #ULMainNav li.nav-item.dropdown svg {
        width: 16px;
    }

    .navbar #navbarCollapse .me-4 {
        margin-right: 0.75rem !important;
    }

    .pve-global-search-new {
        width: clamp(160px, 12vw, 239px) !important;
    }

    .navbar > .container-fluid > .d-flex.align-items-center .mx-2 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
}

@media (max-width: 1299px) and (min-width: 1121px) {
    #ULMainNav .nav-link {
        font-size: clamp(13px, calc(13px + (100vw - 1121px) * 3 / 179), 16px) !important;
    }
}

@media (max-width: 1121px) {
    ul#LogoutBlock {
        flex-direction: row;
    }
}

#dropdownDashboards::after {
    display: none;
}

#dropdownDashboards svg {
    margin-top: 0 !important;
}

.k-grid-edit-row .k-picker.k-dropdownlist {
    min-width: 100% !important;
}

/* Style default inline edit controls to match Kendo styling (exclude Kendo controls) */
.k-grid-edit-row input[type="text"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap),
.k-grid-edit-row input[type="number"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap),
.k-grid-edit-row input[type="email"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap),
.k-grid-edit-row input[type="url"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap),
.k-grid-edit-row textarea:not(.k-input):not(.k-input-inner):not(.k-picker-wrap) {
    min-height: 3rem;
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    border: 1px solid rgba(33, 37, 41, 0.20) !important;
    box-shadow: none !important;
    padding-inline: 1.3rem;
}

    .k-grid-edit-row input[type="text"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap):focus,
    .k-grid-edit-row input[type="number"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap):focus,
    .k-grid-edit-row input[type="email"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap):focus,
    .k-grid-edit-row input[type="url"]:not(.k-input):not(.k-input-inner):not(.k-picker-wrap):focus,
    .k-grid-edit-row textarea:not(.k-input):not(.k-input-inner):not(.k-picker-wrap):focus {
        border-color: var(--kendo-color-primary-emphasis, #409cff) !important;
        box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--kendo-color-primary, #0A58CA) 25%, transparent) !important;
        outline: none !important;
    }

/* Vertically center action buttons in edit row cells across all grids */
.k-grid-edit-row .ps-k-grid-logic {
    display: table-cell;
}

/* Overriding col-md-2 from main-InvestorPortal.css:5068 */
.k-listview-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Make the notification a circle */
#notifications_asset_workflow_counter,
#notifications_counter {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 50% !important;
    position: absolute;
    right: 0;
}

.pv-drawer-item-padding {
    padding-block: var(--kendo-spacing-2, 0.5rem);
    padding-inline: 0;
}

#LoanCustomFormEditorWindow {
    color: var(--kendo-color-primary);
}

.k-toolbar .k-toolbar-item:focus, .k-toolbar .k-toolbar-item.k-focus {
    box-shadow: none;
}

/*.k-grid-header {
    padding-right: 0 !important;
}*/

/*.k-grid-content {
    overflow-y: auto !important;
}*/

.k-listview-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.filter-save-div, .filter-collapse-expand-div {
    margin: 8px 12px;
}

a#filter-save {
    height: auto !important;
}

.ps-ddl-width-override .col-4 {
    flex: 0 0 auto;
    width: 50%;
}

.fa.fa-external-link-alt {
    color: #0A58CA !important;
}

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

/* Use the new export button for Reports Formatted */
#customExportBtn {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 4px 8px !important;
    min-width: auto !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0D6EFD;
}

/* Hide the old SVG and the <span>Export to Excel</span> text */
#customExportBtn svg,
#customExportBtn span {
    display: none !important;
}

/* Insert your new SVG via ::before (exact match to the grid buttons) */
#customExportBtn::before {
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 21px !important;
    background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%2219%22%20height%3D%2221%22%20viewBox%3D%220%200%2019%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20d%3D%22M1.25%2010.25V17.45C1.25%2017.9274%201.46071%2018.3852%201.83579%2018.7228C2.21086%2019.0604%202.71957%2019.25%203.25%2019.25H15.25C15.7804%2019.25%2016.2891%2019.0604%2016.6642%2018.7228C17.0393%2018.3852%2017.25%2017.9274%2017.25%2017.45V10.25M5.25%204.85L9.25%201.25L13.25%204.85M9.25%201.25V12.95%22%20stroke%3D%22%230D6EFD%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E") no-repeat center / contain !important;
    opacity: 1 !important;
}


/* Formatted Reports Search Box */
.custom-search-wrapper-report .k-searchbox {
    /* Start collapsed (icon only) */
    width: 60px !important;
    min-width: 60px !important;
    overflow: hidden !important;
    animation: searchBoxExpand 650ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
    transition: width 0.3s ease-out, box-shadow 0.3s ease-out !important;
    justify-content: flex-end !important;
}

    /* Stay full width on focus/hover */
    .custom-search-wrapper-report .k-searchbox:focus-within,
    .custom-search-wrapper-report .k-searchbox:hover {
        width: 280px !important;
    }

/* Force the search icon to the left side (order: 1) */
.custom-search-wrapper-report .k-icon.k-svg-icon.k-svg-i-search.k-input-icon {
    order: 1 !important;
}

.custom-search-wrapper-report .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;
}

.recipient-cell {
    white-space: pre-wrap !important;
}

/* Remove unwanted bottom border from the workflow left nav */
#workflow_menu.nav-tabs {
    border-bottom: none !important;
}

/* Change 1: Added padding to .search-card .card-title */
.search-card .card-title {
    padding: 3px;
    font-weight: bold !important;
}

/* Change 2: Changed .filter-group-content checkbox label font-size from 16px to 13px */
.filter-group-content div.form-group div.checkbox label {
    font-size: 13px !important;
}

/* Change 3: New .label-default.subtle rule added */
.label-default.subtle {
    background-color: #174D6F;
    border: none;
    border-radius: 14px;
    color: white;
    text-transform: uppercase;
    padding: 5px 10px;
}

/* Change 4: Modified div.card-block > p line-height and added padding */
div.card-block > p {
    line-height: 1.3;
    padding: 0 3px;
}

/* Change 5: Added font-size to .action_link */
.action_link {
    font-size: 13px !important;
}

/*Change 6: Decreased page header size from 30px to 20px*/
span.h4.PS-Default-Color.fs30.fwB {
    font-size: 20px;
    margin-bottom: 0;
}

.searchFilterBtnGrpWrapper > .k-button-group > button.k-button-solid {
    padding-right: 22px !important;
    padding-left: 22px !important;
    margin-bottom: 15px;
}

.ipOnlyBtnGroupFundWrapper > .k-button-group > button.k-button-solid {
    padding-right: 34px !important;
    padding-left: 34px !important;
    margin-bottom: 0px;
}

.searchPanelBodyOR {
    padding-top: 0;
}

.searchPanelBodyOR .results-header {
    margin-bottom: 0;
}

.ipOnlyBtnGroupFundWrapper {
    padding: 15px 0 0 30px;
}

/* =============================================================================
   New UI unified text input styling — matches Kendo NumericTextBox appearance.
   Apply "pv-form-input" to Kendo TextBox inputs (HtmlAttributes @class),
   plain HTML textareas, or plain HTML inputs. Kendo TextBox wrappers are
   styled via :has(input.pv-form-input).
   ============================================================================= */

span.k-input.k-textbox.k-input-outline:has(input.pv-form-input) {
    width: 100%;
    height: 47px !important;
    min-height: 47px !important;
    border: 1px solid var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    box-shadow: none !important;
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

span.k-input.k-textbox.k-input-outline:has(input.pv-form-input) > .k-input-inner:not(:disabled) {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    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-weight: 400 !important;
    line-height: 150% !important;
    padding-inline: var(--kendo-spacing-3, 0.75rem) !important;
}

span.k-input.k-textbox.k-input-outline:has(input.pv-form-input) > .k-input-inner:focus {
    box-shadow: none !important;
    outline: none !important;
}

span.k-input.k-textbox.k-input-outline:has(input.pv-form-input):focus-within,
span.k-input.k-textbox.k-input-outline:has(input.pv-form-input).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;
}

textarea.pv-form-input,
input.pv-form-input:not(.k-input-inner) {
    display: block;
    width: 100% !important;
    padding: var(--kendo-spacing-3, 0.75rem) !important;
    border: 1px solid var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    box-shadow: none !important;
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
    color: var(--kendo-color-on-app-surface, #212529) !important;
    font-family: var(--font-family-kendo-font-family, Roboto) !important;
    font-size: var(--font-size-kendo-font-size-md, 16px) !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea.pv-form-input {
    min-height: 47px;
    height: auto;
    resize: vertical;
}

input.pv-form-input:not(.k-input-inner) {
    height: 47px !important;
}

textarea.pv-form-input:focus,
input.pv-form-input:not(.k-input-inner):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;
    outline: none !important;
}

span.k-input.k-textbox.k-input-outline:has(input.pv-form-input:disabled),
span.k-input.k-textbox.k-input-outline:has(input.pv-form-input[disabled]) {
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: unset !important;
    background-color: #fff !important;
}

    span.k-input.k-textbox.k-input-outline:has(input.pv-form-input:disabled) > .k-input-inner,
    span.k-input.k-textbox.k-input-outline:has(input.pv-form-input[disabled]) > .k-input-inner {
        color: #1E1E1E !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;
    }

textarea.pv-form-input:disabled,
textarea.pv-form-input[disabled],
input.pv-form-input:not(.k-input-inner):disabled,
input.pv-form-input:not(.k-input-inner)[disabled] {
    border: none !important;
    box-shadow: none !important;
    padding-inline: 0 !important;
    background: none !important;
    height: auto !important;
    resize: none;
    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;
}

/* Kendo NumericTextBox — PS-Control-Width-100 is on the inner input, so the wrapper
   shrinks to content width (e.g. ExtensionMonths showing "0" vs TermMonths "360"). */
.custom-flex-container span.k-numerictextbox.k-input-outline {
    width: 100% !important;
    height: 47px !important;
    min-height: 47px !important;
    border: 1px solid var(--kendo-color-border-alt, rgba(33, 37, 41, 0.2)) !important;
    border-radius: var(--kendo-border-radius-md, 6px) !important;
    box-shadow: none !important;
    background-color: var(--kendo-color-app-surface, #ffffff) !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.custom-flex-container span.k-numerictextbox.k-input-outline > .k-input-inner:not(:disabled) {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    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-weight: 400 !important;
    line-height: 150% !important;
    padding-inline: var(--kendo-spacing-3, 0.75rem) !important;
}

.custom-flex-container span.k-numerictextbox.k-input-outline > .k-input-inner:focus {
    box-shadow: none !important;
    outline: none !important;
}

.custom-flex-container span.k-numerictextbox.k-input-outline:focus-within,
.custom-flex-container span.k-numerictextbox.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;
}

    .custom-flex-container span.k-numerictextbox.k-input-outline.k-disabled,
    .custom-flex-container span.k-numerictextbox.k-input-outline:has(input:disabled),
    .custom-flex-container span.k-numerictextbox.k-input-outline:has(input[disabled]) {
        border: none !important;
        box-shadow: none !important;
        background-color: #fff !important;
        color: #1E1E1E !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;
    }

    .custom-flex-container span.k-numerictextbox.k-input-outline.k-disabled > .k-input-inner,
    .custom-flex-container span.k-numerictextbox.k-input-outline:has(input:disabled) > .k-input-inner,
    .custom-flex-container span.k-numerictextbox.k-input-outline:has(input[disabled]) > .k-input-inner {
        padding-inline: 0 !important;
        font-size: 15px !important;
        color: #1E1E1E !important;
        background-color: #fff !important;
    }

/* GLAArea grouped controls: NumericTextBox 15%, UOM DropDownList fills remainder.
   Overrides the 100% NumericTextBox wrapper rule above; scoped to GLAArea containers only. */
[class*="GLAArea"]:has(span.k-numerictextbox.k-input-outline) > .dinline,
[class*="GLAArea"]:has(span.k-numerictextbox.k-input-outline) > .d-flex {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    white-space: nowrap;
}

[class*="GLAArea"] span.k-numerictextbox.k-input-outline {
    flex: 0 0 15% !important;
    width: 15% !important;
    max-width: 15% !important;
    min-width: 0;
}

[class*="GLAArea"] span.k-picker.k-dropdownlist {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

[class*="GLAArea"] > .dinline > .text-danger,
[class*="GLAArea"] > .d-flex > .text-danger {
    flex: 0 0 100%;
}

#frmFinancingInformationLoanAmortization .k-widget.k-tooltip-validation {
    display: block;
    position: relative;
}

.PS-Black-Color {
    color: #212529;
}

.PS-Z-Index-1 {
    z-index: 1;
}

.form-group.PS-mb-0-override {
    margin-bottom: 0;
}

/* Kendo UI controls render an outer span wrapper that also receives .form-control from HtmlAttributes.
   Suppress padding-block on the wrapper only; inner .k-input-inner retains intended spacing. */
span.form-control:has(> .k-input-inner) {
    padding-block: 0 !important;
}

/* This overrides the dropdown.scss that was making the dropdown-menu get pushed below the parent */
.dropdown-menu {
    top: auto !important;
    z-index: 10000 !important;
}

#FundReportsInfoZone text.highcharts-title {
    display: none;
}