.page-header {
    background-color:  !important;
}

.page-header-left h1, .page-header-right p, .page-header-right a, .page-header-content .page-header-right .shopping-content a .price-tag, .page-header-content .vaddress,
.page-header-content .page-header-left .yc-autocomplete-wrapper .form-control, .page-header-content .page-header-left .yc-autocomplete-wrapper .input-group-addon,
.page-header-content .page-header-left {
    color:  !important;
}

.text-subheader {
    color:  !important;
}

h1.page-title {
    color:  !important;
}

#header > div, #header > div .navbar-header,.yardi-header {
    background: #21409A !important;
}

#header .navbar-nav > li, #header p {
    color:  !important;
}

#header > div .navbar-header > button.dk {
    background: #21409A !important;
}

#header .navbar-nav > li > a {
    background: #21409A !important;
    color:  !important;
}


.app-header-fixed { 
    .aside-wrap { 
       background-color: #21409A !important;
    }

    .navi ul.nav li a {
     background-color: #21409A !important;
     color:  !important;
    }
    
    .navi ul.nav li a > i {
          color:  !important;
     }
}
 
 
 

.bg-primary, .btn-primary, .page-header-content .page-header-right .shopping-content {
    background-color: #21409A !important;
    color: #FFFFFF !important;
}

.btn-primary {
    border-color: #21409A !important;
}


.text-primary, .cartdropdownmenu p.cart_title a {
    color: #21409A !important;
}

#spaces-flyout h4.title:after {
    border-color: #21409A !important;
}

#sideNavigationWrapper .side-navigation ul.sideNavigation li > a.active, .bg-orange, .btn-orange, .btn-secondary, .page-header .county,
#sideNavigationWrapper .side-navigation ul.sideNavigation li > a:hover,
#sideNavigationWrapper .side-navigation ul.sideNavigation li.open > a:hover, #sideNavigationWrapper .side-navigation ul.sideNavigation > li > a:hover, #sideNavigationWrapper .side-navigation ul.sideNavigation > li:not(.has-sub-nav) > a:hover,
#sideNavigationWrapper .side-navigation ul.sideNavigation li.open > a, #sideNavigationWrapper .side-navigation ul.sideNavigation > li:not(.has-sub-nav) > a.active, 
.yardi-sidenav-wraper .yardi-sidebar .yardi-sidenav .yardi-sidenav-menu-item a.active, .yardi-sidenav-wraper .yardi-sidebar .yardi-sidenav .yardi-sidenav-menu-item a:hover{
    background-color: #21409A !important;
    border-color: #21409A !important;
    color: #FFFFFF !important;
}

.i-checks input[disabled] + i, fieldset[disabled] .i-checks input + i {
    border-color: #21409A !important;
}

.i-checks input:checked + i {
    border-color: #21409A !important;
}

.i-checks input:checked + i:before {
    background-color: #21409A !important ;
}

.i-checks input[disabled] + i:before, fieldset[disabled] .i-checks input + i:before {
    background-color: #e9e9e9 !important;
}

.widget .fc-toolbar .fc-right .btn-group button.active {
    border-color: #21409A !important;
    background-color: #21409A !important;
}

.book_booked_legend {
    background-color: #21409A !important;
}

#spaces-flyout .flyout-header {
    background-color: #21409A !important;
    color: #FFFFFF !important;
}

.services-listing .flex-20 h1, .listing .wrk_booknow .wrk_price {
    color: #21409A !important;
}

.services-listing .flex-20:hover {
    border-color: #21409A !important;
}

.app-footer {
    background-color: #21409A !important;
}

.copyright {
    color: #FFFFFF !important;
}

.copyright a {
    color: #FFFFFF !important;
}

.privacy-statement {
    color: #FFFFFF !important;
}

.privacy-statement a {
    color: #FFFFFF !important;
}

sidenavigation #sideNavigationWrapper .side-navigation ul.sideNavigation li.open > a .menu_icon i, sidenavigation #sideNavigationWrapper .side-navigation ul.sideNavigation > li:not(.has-sub-nav) > a.active .menu_icon i {
    color: #FFFFFF !important;
}

sidenavigation #sideNavigationWrapper .side-navigation ul.sideNavigation li.open > a:hover .menu_icon i, sidenavigation #sideNavigationWrapper .side-navigation ul.sideNavigation > li:not(.has-sub-nav) > a:hover .menu_icon i, sidenavigation #sideNavigationWrapper .side-navigation ul.sideNavigation > li > a:hover .menu_icon i {
    color: #FFFFFF !important;
}

.yardi-sidenav-wraper .yardi-sidebar .yardi-sidenav .yardi-sidenav-menu-item a.active .yardi-sidenav-menu-item-icon, .yardi-sidenav-wraper .yardi-sidebar .yardi-sidenav .yardi-sidenav-menu-item a:hover .yardi-sidenav-menu-item-icon {
    color: #FFFFFF !important;
}

.dropdown-menu > .user-profile-info {
    background: #21409A !important;               
}

 .user-dropdown-menu .nav-item .dropdown-menu > li.user-profile-info .user-email, .user-dropdown-menu .nav-item .dropdown-menu > li.user-profile-info .user-profile-name {
    color:  !important;                
}

.yardi-header .dropdown .dropdown-menu li.user-profile-info {
    color:  !important;
}

.user-dropdown-menu .user-menu-section-header:hover {
    background-color: #21409A !important;
}

.yardi-header .user-dropdown-menu .user-menu-section-header:hover {
    background-color: #21409A !important;
}

body {
    background-image: url("backgroundimage.png");
}

.yardi-control-checkbox.custom-control.custom-checkbox .custom-control-input:checked~.custom-control-label:before, .yardi-control-checkbox.custom-control.custom-checkbox .custom-control-input:checked.color-primary~.custom-control-label:before {
    background: #21409A !important;
    border-color:#21409A !important;
}
#investmentpageswitchtile { display: none !important; }

/* =========================================================
   Portfolio Summary filter Search button
   Source:
   
   ========================================================= */

button.btn.btn-filter.btn-success[ng-click="yc.searchClick()"],
button.btn.btn-filter.btn-primary[ng-click="yc.searchClick()"] {
    background: #21409A !important;
    background-color: #21409A !important;
    background-image: none !important;
    border-color: #21409A !important;
    color: #FFFFFF !important;

    --bs-btn-bg: #21409A !important;
    --bs-btn-border-color: #21409A !important;
    --bs-btn-color: #FFFFFF !important;
}

button.btn.btn-filter.btn-success[ng-click="yc.searchClick()"]:hover,
button.btn.btn-filter.btn-success[ng-click="yc.searchClick()"]:focus,
button.btn.btn-filter.btn-success[ng-click="yc.searchClick()"]:active,
button.btn.btn-filter.btn-primary[ng-click="yc.searchClick()"]:hover,
button.btn.btn-filter.btn-primary[ng-click="yc.searchClick()"]:focus,
button.btn.btn-filter.btn-primary[ng-click="yc.searchClick()"]:active {
    background: #1A3278 !important;
    background-color: #1A3278 !important;
    background-image: none !important;
    border-color: #1A3278 !important;
    color: #FFFFFF !important;

    --bs-btn-hover-bg: #1A3278 !important;
    --bs-btn-hover-border-color: #1A3278 !important;
    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-active-bg: #1A3278 !important;
    --bs-btn-active-border-color: #1A3278 !important;
    --bs-btn-active-color: #FFFFFF !important;
}


/* =========================================================
   More Filters Search button
   Source:
   
   ========================================================= */

button#ycMoreFiltersSearchBtn.btn.btn-primary {
    background: #21409A !important;
    background-color: #21409A !important;
    background-image: none !important;
    border-color: #21409A !important;
    color: #FFFFFF !important;

    --bs-btn-bg: #21409A !important;
    --bs-btn-border-color: #21409A !important;
    --bs-btn-color: #FFFFFF !important;
}

button#ycMoreFiltersSearchBtn.btn.btn-primary:hover,
button#ycMoreFiltersSearchBtn.btn.btn-primary:focus,
button#ycMoreFiltersSearchBtn.btn.btn-primary:active {
    background: #1A3278 !important;
    background-color: #1A3278 !important;
    background-image: none !important;
    border-color: #1A3278 !important;
    color: #FFFFFF !important;

    --bs-btn-hover-bg: #1A3278 !important;
    --bs-btn-hover-border-color: #1A3278 !important;
    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-active-bg: #1A3278 !important;
    --bs-btn-active-border-color: #1A3278 !important;
    --bs-btn-active-color: #FFFFFF !important;
}


/* =========================================================
   Login page Submit button
   Source:
   
   ========================================================= */

button.btn.btn-lg.btn-primary.btn-block[ng-click="mfauserverfiy();"] {
    background: #21409A !important;
    background-color: #21409A !important;
    background-image: none !important;
    border-color: #21409A !important;
    color: #FFFFFF !important;

    --bs-btn-bg: #21409A !important;
    --bs-btn-border-color: #21409A !important;
    --bs-btn-color: #FFFFFF !important;
}

button.btn.btn-lg.btn-primary.btn-block[ng-click="mfauserverfiy();"]:hover,
button.btn.btn-lg.btn-primary.btn-block[ng-click="mfauserverfiy();"]:focus,
button.btn.btn-lg.btn-primary.btn-block[ng-click="mfauserverfiy();"]:active {
    background: #1A3278 !important;
    background-color: #1A3278 !important;
    background-image: none !important;
    border-color: #1A3278 !important;
    color: #FFFFFF !important;

    --bs-btn-hover-bg: #1A3278 !important;
    --bs-btn-hover-border-color: #1A3278 !important;
    --bs-btn-hover-color: #FFFFFF !important;
    --bs-btn-active-bg: #1A3278 !important;
    --bs-btn-active-border-color: #1A3278 !important;
    --bs-btn-active-color: #FFFFFF !important;
}

button.btn.btn-lg.btn-primary.btn-block[ng-click="mfauserverfiy();"]:disabled {
    background: #21409A !important;
    background-color: #21409A !important;
    background-image: none !important;
    border-color: #21409A !important;
    color: #FFFFFF !important;
    opacity: 0.65;

    --bs-btn-disabled-bg: #21409A !important;
    --bs-btn-disabled-border-color: #21409A !important;
    --bs-btn-disabled-color: #FFFFFF !important;
}


/* =========================================================
   Document file name text sizing
   Source:
   
   ========================================================= */

button.btn.link.my-btn[ngbtooltip="Click to View Document"],
button.btn.link.my-btn[ngbtooltip="Click to View Document"] a.word-wrap {
    font-size: 13px !important;
    line-height: 1.25 !important;
}


/* =========================================================
   Show New Documents toggle
   Source:
   
   ========================================================= */

/* Show New Documents toggle track when ON */
yardi-control-slide-toggle label.yardi-switch[aria-checked="true"] 
input[data-selenium-id="ShowNewDocument-yardi-control-slide-toggle"] + .yardi-slider,
yardi-control-slide-toggle 
input[data-selenium-id="ShowNewDocument-yardi-control-slide-toggle"]:checked + .yardi-slider {
    background-color: rgba(33, 64, 154, 0.45) !important;
    border-color: #21409A !important;
}

/* Show New Documents toggle circle/knob when ON */
yardi-control-slide-toggle label.yardi-switch[aria-checked="true"] 
input[data-selenium-id="ShowNewDocument-yardi-control-slide-toggle"] + .yardi-slider:before,
yardi-control-slide-toggle 
input[data-selenium-id="ShowNewDocument-yardi-control-slide-toggle"]:checked + .yardi-slider:before {
    background-color: #21409A !important;
}

/* Show New Documents toggle focus outline */
yardi-control-slide-toggle 
input[data-selenium-id="ShowNewDocument-yardi-control-slide-toggle"]:focus + .yardi-slider {
    box-shadow: 0 0 1px #21409A !important;
}


/* =========================================================
   Tiles toggle
   Source:
   
   ========================================================= */

/* Tiles toggle track when ON */
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"].md-checked .md-container .md-bar,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"][aria-checked="true"] .md-container .md-bar {
    background-color: rgba(33, 64, 154, 0.45) !important;
}

/* Tiles toggle circle/knob when ON */
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"].md-checked .md-container .md-thumb-container .md-thumb,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"][aria-checked="true"] .md-container .md-thumb-container .md-thumb,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"].md-checked .md-container .md-thumb-container .md-thumb.md-ink-ripple,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"][aria-checked="true"] .md-container .md-thumb-container .md-thumb.md-ink-ripple {
    background-color: #21409A !important;
    border-color: #21409A !important;
}

/* Tiles toggle thumb container / ripple color */
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"].md-checked .md-container .md-thumb-container,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"][aria-checked="true"] .md-container .md-thumb-container,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"].md-checked .md-ink-ripple,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"][aria-checked="true"] .md-ink-ripple {
    color: #21409A !important;
}

/* Tiles toggle focus/active shadow */
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"]:focus .md-container .md-thumb,
html body md-switch.toggle-tiles-switch[aria-label="Tiles"][ng-model="vm.showSummary"]:active .md-container .md-thumb {
    box-shadow: 0 0 0 1px #21409A !important;
}

/* =========================================================
   Property Summary image slideshow - prevent image stretching
   Keeps full photo visible without distortion
   ========================================================= */

#tab-content-property-summary-img div .slideshow-container img {
    object-fit: contain !important;
    object-position: center center !important;
}



/* =========================================================
   Portfolio Summary - tighten Ownership/Documents columns
   and nudge Documents column content to the right
   ========================================================= */


/* Reset previous movement attempts */
html body th#InvestmentName,
html body th#ownership,
html body th#Documents,
html body td#inv-ownership,
html body td#inv-documents,
html body th#Documents span.sort-item,
html body th#Documents span#inv-sort-item {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Investment column */
html body th#InvestmentName {
    width: 62% !important;
    max-width: 62% !important;
    text-align: left !important;
    white-space: nowrap !important;
}


/* Ownership column */
html body th#ownership,
html body td#inv-ownership {
    width: 20% !important;
    max-width: 20% !important;
    text-align: right !important;
    white-space: nowrap !important;
    padding-right: 18px !important;
}


/* Documents column cell */
html body th#Documents,
html body td#inv-documents {
    width: 18% !important;
    max-width: 18% !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Move the visible Documents header text/sort arrow right */
html body th#Documents span.sort-item,
html body th#Documents span#inv-sort-item {
    display: inline-block !important;
    margin-left: 200px !important;
    white-space: nowrap !important;
}


/* Move the Documents count values right */
html body td#inv-documents {
    text-indent: 60px !important;
}