.page-header {
    background-color: #5B82B7 !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: #F2F2F2 !important;
}

#header .navbar-nav > li, #header p {
    color: #0C0606 !important;
}

#header > div .navbar-header > button.dk {
    background: #F2F2F2 !important;
}

#header .navbar-nav > li > a {
    background: #F2F2F2 !important;
    color: #676767 !important;
}


.app-header-fixed { 
    .aside-wrap { 
       background-color: #F2F2F2 !important;
    }

    .navi ul.nav li a {
     background-color: #F2F2F2 !important;
     color: #0C0606 !important;
    }
    
    .navi ul.nav li a > i {
          color: #0C0606 !important;
     }
}
 
 
 

.bg-primary, .btn-primary, .page-header-content .page-header-right .shopping-content {
    background-color: #CCD1E6 !important;
    color:  !important;
}

.btn-primary {
    border-color: #CCD1E6 !important;
}


.text-primary, .cartdropdownmenu p.cart_title a {
    color: #CCD1E6 !important;
}

#spaces-flyout h4.title:after {
    border-color:  !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:  !important;
    border-color:  !important;
    color:  !important;
}

.i-checks input[disabled] + i, fieldset[disabled] .i-checks input + i {
    border-color:  !important;
}

.i-checks input:checked + i {
    border-color:  !important;
}

.i-checks input:checked + i:before {
    background-color:  !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: #CCD1E6 !important;
    background-color: #CCD1E6 !important;
}

.book_booked_legend {
    background-color:  !important;
}

#spaces-flyout .flyout-header {
    background-color: #CCD1E6 !important;
    color:  !important;
}

.services-listing .flex-20 h1, .listing .wrk_booknow .wrk_price {
    color:  !important;
}

.services-listing .flex-20:hover {
    border-color:  !important;
}

.app-footer {
    background-color: #003057 !important;
}

.copyright {
    color:  !important;
}

.copyright a {
    color:  !important;
}

.privacy-statement {
    color:  !important;
}

.privacy-statement a {
    color:  !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:  !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:  !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:  !important;
}

.dropdown-menu > .user-profile-info {
    background: #F2F2F2 !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: #0C0606 !important;                
}

.yardi-header .dropdown .dropdown-menu li.user-profile-info {
    color: #0C0606 !important;
}

.user-dropdown-menu .user-menu-section-header:hover {
    background-color: #F2F2F2 !important;
}

.yardi-header .user-dropdown-menu .user-menu-section-header:hover {
    background-color: #F2F2F2 !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:  !important;
    border-color: !important;
}
.page-title {
    color: white !important;
}
 
.form-label {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar .yardi-control-dropdown .form-control,
.page-header.page-header-bar ul.filter-bar div[dropdown-multiselect] .form-control:hover {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar .yardi-control-dropdown .form-control {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar &gt; li .form-control::placeholder {
    color: #212121 !important;
    opacity: 1 !important;
}
 
.page-header.page-header-bar ul.filter-bar &gt; li .form-control {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar &gt; li .form-control option {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar .input-group-addon:last-child:hover {
    background: transparent !important;
}
 
.page-header.page-header-bar ul.filter-bar .form-control.ng-dirty.ng-not-empty {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar .input-group-addon i {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar .ng-not-empty .yardi-control-dropdown button.btn-default {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar &gt; li .dropdown-header .form-control {
    border: 1px solid rgb(225, 225, 225) !important;
    padding: 6px 12px !important;
}
 
.page-header.page-header-bar ul.filter-bar &gt; li .dropdown-header .form-control.ng-dirty.ng-not-empty {
    color: #212121 !important;
}
 
.page-header.page-header-bar ul.filter-bar
.yc-autocomplete-wrapper
.yardi-control-autocomplete
span.yc-search-input {
    color: #212121 !important;
}
 
yardi-filter .form-control {
    background: none !important;
    color: #212121 !important;
}
 
.floating-label label {
    background: transparent !important;
    color: #212121 !important;
}
 
yardi-filter .ng-select .ng-select-container {
    background: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
yardi-filter .yca-selected-item {
    color: #212121 !important;
}
 
yardi-filter .ng-fa-icon .yca-remove-item-icon {
    color: #212121 !important;
}
 
yardi-filter .ng-value {
    color: #212121 !important;
}
 
yardi-filter input {
    color: #212121 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
yardi-filter input::placeholder {
    color: #212121 !important;
    opacity: 1 !important;
}
 
yardi-filter .yca-search-input {
    background: none !important;
    color: #212121 !important;
}
 
yardi-filter .input-group-append {
    background: none !important;
}
 
yardi-filter button.btn-calendar {
    color: #212121 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
yardi-filter .yca-value {
    color: #212121 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
yardi-filter
yardi-control-dropdown
.ng-select-multiple
.ng-value-container
.ng-placeholder {
    color: #212121 !important;
}
 
.more-filters-container .form-group .form-label {
    color: #212121 !important;
}
 
.more-filters-container .btn-calendar .ng-fa-icon {
    color: #212121 !important;
}
 
yardi-filter yardi-control-autocomplete .yc-placeholder {
    color: #212121 !important;
}
 
#ycSavedFilters select option {
    color: #212121 !important;
}
 
input.form-control.ng-pristine.ng-valid.ng-valid-required.ng-not-empty {
    color: #212121 !important;
}
 
#ycSavedFilters .ng-placeholder {
    color: #212121 !important;
    opacity: 1 !important;
}
 
#ycSavedFiltersClearBtn {
    color: white !important;
}
 
.yardi-switch .switch-content {
    color: white !important;
}
 
.floating-label
yardi-control-autocomplete
.yc-autocomplete-wrapper
.yardi-control-autocomplete
.yca-value
.yca-selected-item {
    color: #212121 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
}
 
.table-advanced .table-header .btn {
    color: white !important;
}
 
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
/* =========================================================
   FINAL FILTER OVERRIDES
   These rules have higher specificity so Yardi's standard
   white-text styling does not override the dark field text.
   ========================================================= */
 
/* Floating field labels */
.page-header.page-header-bar ul.filter-bar &gt; li .floating-label label,
.page-header.page-header-bar ul.filter-bar &gt; li label.form-label,
.page-header.page-header-bar ul.filter-bar .floating-label &gt; label,
.page-header.page-header-bar yardi-filter .floating-label label,
yardi-filter .floating-label label,
yardi-filter label.form-label {
    color: #212121 !important;
    background-color: #ffffff !important;
}
 
/* Text entered or selected in fields */
.page-header.page-header-bar ul.filter-bar &gt; li input.form-control,
.page-header.page-header-bar ul.filter-bar &gt; li select.form-control,
.page-header.page-header-bar ul.filter-bar &gt; li textarea.form-control,
.page-header.page-header-bar ul.filter-bar &gt; li button.form-control,
.page-header.page-header-bar ul.filter-bar .ng-select-container,
.page-header.page-header-bar ul.filter-bar .ng-value,
.page-header.page-header-bar ul.filter-bar .ng-value-label,
.page-header.page-header-bar ul.filter-bar .ng-input input,
.page-header.page-header-bar ul.filter-bar .yca-selected-item,
.page-header.page-header-bar ul.filter-bar .yca-value,
.page-header.page-header-bar ul.filter-bar .yc-search-input {
    color: #212121 !important;
}
 
/* Empty-field placeholder text */
.page-header.page-header-bar ul.filter-bar input::placeholder,
.page-header.page-header-bar ul.filter-bar textarea::placeholder,
.page-header.page-header-bar ul.filter-bar .ng-placeholder,
.page-header.page-header-bar ul.filter-bar .yc-placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}
 
/* Dropdown arrow, calendar and input icons */
.page-header.page-header-bar ul.filter-bar .ng-arrow,
.page-header.page-header-bar ul.filter-bar .ng-fa-icon,
.page-header.page-header-bar ul.filter-bar .input-group-addon i,
.page-header.page-header-bar ul.filter-bar button.btn-calendar,
.page-header.page-header-bar ul.filter-bar button.btn-calendar i {
    color: #212121 !important;
}
 
/* Dropdown options */
.page-header.page-header-bar ul.filter-bar option,
.page-header.page-header-bar ul.filter-bar .ng-dropdown-panel,
.page-header.page-header-bar ul.filter-bar .ng-option {
    color: #212121 !important;
}
 
/* Keep labels readable when they sit across the field border */
.page-header.page-header-bar ul.filter-bar .floating-label label {
    padding: 0 4px !important;
}