.page-header {
    background-color: #17668F !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: #EEEEEE !important;
}

.text-subheader {
    color: #EEEEEE !important;
}

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

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

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

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

#header .navbar-nav > li > a {
    background: #202A44 !important;
    color: #EEEEEE !important;
}


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

    .navi ul.nav li a {
     background-color: #202A44 !important;
     color: #EEEEEE !important;
    }
    
    .navi ul.nav li a > i {
          color: #EEEEEE !important;
     }
}
 
 
 

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

.btn-primary {
    border-color: #202A44 !important;
}


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

#spaces-flyout h4.title:after {
    border-color: #17668F !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: #17668F !important;
    border-color: #17668F !important;
    color: #FFFFFF !important;
}

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

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

.i-checks input:checked + i:before {
    background-color: #17668F !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: #202A44 !important;
    background-color: #202A44 !important;
}

.book_booked_legend {
    background-color: #17668F !important;
}

#spaces-flyout .flyout-header {
    background-color: #202A44 !important;
    color: #FFFFFF !important;
}

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

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

.app-footer {
    background-color: #202A44 !important;
}

.copyright {
    color: #EEEEEE !important;
}

.copyright a {
    color: #17668F !important;
}

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

.privacy-statement a {
    color: #17668F !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: #202A44 !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: #EEEEEE !important;                
}

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

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

.yardi-header .user-dropdown-menu .user-menu-section-header:hover {
    background-color: #202A44 !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: #17668F !important;
    border-color:#17668F !important;
}
.page-title { color: white !important;}

.form-label { color: white !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: white !important;}

.page-header.page-header-bar ul.filter-bar

.yardi-control-dropdown .form-control {color: white !important;}

.page-header.page-header-bar ul.filter-bar > li .form-control::placeholder {color: white !important;}

.page-header.page-header-bar ul.filter-bar > li .form-control {color: white !important;}
.page-header.page-header-bar ul.filter-bar > li
.form-control option {color: black !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: white !important;}

.page-header.page-header-bar ul.filter-bar

.input-group-addon i { color: white !important;}

.page-header.page-header-bar ul.filter-bar

.ng-not-empty .yardi-control-dropdown

button.btn-default { color: white !important;}

.page-header.page-header-bar ul.filter-bar > 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 > li

.dropdown-header .form-control.ng-dirty.ng-not-empty {color: #858585 !important;}

.page-header.page-header-bar ul.filter-bar

.yc-autocomplete-wrapper

.yardi-control-autocomplete

span.yc-search-input {color: white !important;}

yardi-filter .form-control {  background: none !important;}

.floating-label label {background: none !important; color: #ffffff !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: #ffffff !important;}

yardi-filter .ng-fa-icon .yca-remove-item-icon { color: #ffffff !important;}

yardi-filter .ng-value {  color: #ffffff !important;}

yardi-filter input { color: #ffffff !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-search-input {
    background: none !important;}

yardi-filter .input-group-append {    background: none !important;}

yardi-filter button.btn-calendar {
    color: #ffffff !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 {    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: #ffffff !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: #ffffff !important;}

#ycSavedFilters select option {color: #000000 !important;}

input#FirstName.form-control,
input#LastName.form-control {color: #212121 !important;}


.yardi-control-dropdown .multiselect-parent.open .dropdown-toggle.btn-default { color: #ffffff!important;}

#ycSavedFilters .ng-placeholder { color: #ffffff !important; opacity: 1 !important;}

#ycSavedFiltersClearBtn {color:white;}
.yardi-switch .switch-content {color: white;}

.floating-label yardi-control-autocomplete .yc-autocomplete-wrapper .yardi-control-autocomplete .yca-value .yca-selected-item {
       border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

#maincontent .kpi-carousel  {display: none !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;
}

.with-open-filter input#ycFilters-DateTo,
.with-open-filter input#ycFilters-DateFrom {
    color: black !important;
}

.with-open-filter .yca-selected-item {
    color: black !important;
}


.ng-select .ng-value {
    background-color: #202A44!important;
}

.ng-select .ng-value-label {
    color: #fff!important;
}




/* Fix all profile form labels */ 
#frmchangepassword .form-label { color: #212121 !important; }
/* Hide Email Button */
#btnmfaemail {
    display: none !important;
}
 
/* Update Label */
#twofactorauthlabel {
    font-size: 0 !important;
}
#twofactorauthlabel:after {
    content: "Multi-Factor Authentication Upon Login:";
    font-size: .875rem !important;
    line-height: 1.5 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
    display: inline !important;
}
 
/* Update Heading */
#mfatextheading {
    font-size: 0 !important;
}
#mfatextheading:after {
    content: "What is Multi-Factor Authentication (MFA)?";
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
    display: block !important;
}
 
/* Update first paragraph */
p#mfatext1 {
    font-size: 0 !important;
}
p#mfatext1:after {
    content: "MFA is an extra layer of security for your account to prevent someone from logging in, even if they have your password. This extra security measure requires you to verify your identity using a randomized code, which we'll send you each time you attempt to log in.";
    font-size: .875rem !important;
    line-height: 1.5 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
    display: block !important;
}
 
/* Update second paragraph */
p#mfatext2 {
    font-size: 0 !important;
}
p#mfatext2:after {
    content: "You can choose to receive your security code through one of two ways: by text message or a voice call to a phone.";
    font-size: .875rem !important;
    line-height: 1.5 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
    display: block !important;
}
 
/* Update third paragraph */
p#mfatext3 {
    font-size: 0 !important;
}
p#mfatext3:after {
    content: "If Multi-Factor Authentication is turned on, you will need to set a password upon your next login and future logins will utilize your selected MFA method instead of Login Links. Turning MFA off will enable you to use Login Links upon login again (unless your Portal Administrator has enforced MFA for your logins).";
    font-size: .875rem !important;
    line-height: 1.5 !important;
    font-family: Inter, Helvetica, Arial, sans-serif !important;
    color: #212121 !important;
    display: block !important;
}
 
/* Hide Email Button */
button[ng-click="vm.setmfadefault('email')"] {
    display: none !important;
}
 
/* Hide "or through your email" text */
.modal-body .col-xs-9.m-b-md p:nth-child(3) {
    font-size: 0 !important;
    line-height: 0 !important;
}
.modal-body .col-xs-9.m-b-md p:nth-child(3):after {
    content: "You can choose to receive your security code through one of two ways: by text message or a voice call to a phone.";
    font-size: 13px !important;
    line-height: 1.42857143 !important;
    font-family: inherit !important;
    color: inherit !important;
    display: block !important;
}


/* Update MFA Heading */
.modal-body .col-xs-9.m-b-md h3 {
    font-size: 0 !important;
}

.modal-body .col-xs-9.m-b-md h3:after {
    content: "What is Multi-Factor Authentication (MFA)?";
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #212121 !important;
    display: block !important;
}


/* Update First Paragraph */
.modal-body .col-xs-9.m-b-md p:nth-of-type(1) {
    font-size: 0 !important;
}

.modal-body .col-xs-9.m-b-md p:nth-of-type(1):after {
    content: "MFA is an extra layer of security for your account to prevent someone from logging in, even if they have your password. This extra security measure requires you to verify your identity using a randomized code, which we'll send you each time you attempt to log in.";
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #212121 !important;
    display: block !important;
}


/* Update Second Paragraph */
.modal-body .col-xs-9.m-b-md p:nth-of-type(2) {
    font-size: 0 !important;
}

.modal-body .col-xs-9.m-b-md p:nth-of-type(2):after {
    content: "You can choose to receive your security code through one of two ways: by text message or a voice call to a phone.";
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #212121 !important;
    display: block !important;
}


/* Update Bottom Label */
.col-xs-12.m-b-sm.d-flex.align-items-center label[for="IsMFAEnabled"] {
    font-size: 0 !important;
}

.col-xs-12.m-b-sm.d-flex.align-items-center label[for="IsMFAEnabled"]:after {
    content: "Multi-Factor Authentication";
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #212121 !important;
    display: inline !important;
}


#btndisablemfa {
    display: none !important;
}

/* Replace "Two-Factor Authentication" with "Multi-Factor Authentication" */ #login-container div[ng-if="showMFALogin"] h3 { font-size: 0 !important; } #login-container div[ng-if="showMFALogin"] h3:after { content: "Multi-Factor Authentication"; font-size: 18px !important; font-weight: 400 !important; font-family: Inter, Helvetica, Arial, sans-serif !important; color: #212121 !important; display: block !important; }


#investment-preferences-tab {
  display: none !important;
}

li:has(#investment-preferences-tab),
li:has(#electronic-consent-tab) {
  display: none !important;
}

#confirm-message {
  font-size: 0 !important;
  color: transparent !important;
}

#confirm-message:after {
  content: "Are you sure you want to change mobile number? Changing mobile number will disable MFA once request is approved.";
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: Inter, Helvetica, Arial, sans-serif !important;
  color: #212121 !important;
  display: block !important;
}