﻿.owl-page.active span {
    background: var(--primary-color) !important;
}

#content-menu-custom img + div,
#panel-shortcut-menu-grid-overlap .menu-item > img + div,
#panel-menu-grid-overlap .menu-item > img + div {
    background-color: var(--menu-icon-circle-bg) !important;
}

/* --- PRIMARY BACKGROUND COLOR --- */
.navbar,
#portal-page .navbar,
#panel-title-content,
.section-credit-content,
.theme-1 .input-buton button,
.viva.theme-1 .input-buton button,
.panel-detail-overlap .bottom-group .input-buton button,
.content .bottom-group .input-buton button,
.fab-icon-holder,
#lead-info-page .fab-icon-holder,
#campaign-lead-page .status-list .status.open,
#panel-campaign-status-edit-overlap .header-section #btn-add-campaign-status-edit-overlap,
#panel-campaign-member-overlap .header-section #btn-add-campaign-member-overlap,
#panel-property-listing-overlap .bottom-group .btn-group-overlap .input-buton button,
#panel-blacklist-search-overlap .search-blacklist-search-buton button,
#panel-blacklist-new-overlap .tab-menu .tab.active,
#section-balance-credit-overlap,
#panel-fastpay-overlap .div-available-credit-info-fastpay-overlap,
#menu-grid-page .input-buton button,
#panel-fastpay-approval-overlap .tab-menu .tab.active,
#btn-approve-fastpay-approval-request-details-overlap,
#btn-confirm-fastpay-approval-request-details-content,
#panel-calculator-mortgage-overlap .nav-link.active,
#panel-calculator-mortgage-overlap .show > .nav-link,
#panel-calculator-roi-overlap .nav-link.active,
#panel-calculator-roi-overlap .show > .nav-link,
#panel-calculator-rental-overlap .nav-link.active,
#panel-calculator-rental-overlap .show > .nav-link,
#panel-calculator-unit-overlap .nav-link.active,
#panel-calculator-unit-overlap .show > .nav-link,
#lead-page .status-list .status.open,
#panel-new-project-detail-overlap .tab-menu .tab.active,
#panel-property-new-overlap .tab-menu .tab.active,
#btn-apply-property-filter-overlap,
#campaign-member-lead-page .status-list .status.open,
#panel-property-edit-overlap .tab-menu .tab.active,
#panel-import-from-edgeprop-overlap .input-buton button,
#panel-import-from-propertyguru-overlap .input-buton button,
#panel-import-from-iproperty-overlap .input-buton button,
#panel-profile-overlap .content-listing img,
#panel-profile-overlap .group-icon-profile-overlap img,
#panel-tasks-overlap .checkbox-round input[type="checkbox"]:checked + label,
#panel-tasks-detail-overlap .checkbox-round input[type="checkbox"]:checked + label {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

    /* --- PRIMARY TEXT COLOR --- */
    .content .bottom-group .sort-box .tabopen,
    .content .bottom-group .sort-box .tabopen span,
    #campaign-lead-page .status-list .status.open div .badge,
    #panel-project-filter-overlap > div:nth-of-type(2),
    .panel-detail-overlap .bottom-group .input-group .link-group a,
    #panel-calculator-mortgage-overlap .nav-link,
    #panel-calculator-mortgage-overlap h4,
    #panel-calculator-refinance-overlap h4,
    #panel-calculator-roi-overlap .nav-link,
    #panel-calculator-rental-overlap .nav-link,
    #panel-calculator-rental-overlap h4,
    #panel-calculator-unit-overlap .nav-link,
    #panel-calculator-unit-overlap h4,
    #lead-page .status-list .status.open div .badge,
    #panel-campaign-lead-filter-overlap > div:nth-of-type(2),
    #lead-page .icon-group i,
    #panel-main-booking-filter-overlap > div:nth-of-type(2),
    #panel-property-filter-overlap .filter-section .filter-box p,
    #panel-property-filter-overlap .filter-section .filter-label,
    #panel-property-filter-overlap .bootstrap-select span,
    #campaign-edit-page input[type="checkbox"]:checked + i:before,
    #lead-page .lead-list-group .checkbox input[type="checkbox"]:checked + i:before,
    #panel-campaign-member-overlap .header-section label,
    #panel-loan-screening-approval-filter-overlap > div:nth-of-type(2),
    #panel-result-rental-overlap h4,
    #panel-result-rpgt-overlap h4,
    #panel-result-affordability-overlap h4,
    #panel-result-tenancy-overlap h4,
    #panel-result-roi-overlap h4,
    #panel-calculator-roi-overlap h4,
    #panel-result-valuation-overlap h4,
    #panel-result-lad-overlap h4,
    #panel-result-refinance-overlap h4,
    #panel-dsr-result-calculator-overlap h4,
    #panel-stamping-result-calculator-overlap h4,
    #panel-legal-result-calculator-overlap h4,
    #panel-result-mortgage-overlap h4,
    #panel-fastpay-approval-request-details-overlap .lbl-bank-details-fastpay-approval-request-details-overlap,
    #panel-fastpay-approval-request-details-overlap .lbl-request-details-fastpay-approval-request-details-overlap,
    #modal-fastpay-approval-request-details-content .header-group .form-group label,
    #panel-design-plus-overlap #lbl-title-design-plus-overlap,
    #panel-tasks-overlap .nav-link,
    #modal-transfer-lead-content .header-group .form-group,
    #modal-clone-lead-content .header-group .form-group,
    #panel-lead-batch-history-overlap .header-section label,
    #panel-campaign-list-overlap .campaign-group a,
    #campaign-list-page .campaign-group .campaign-summary-group > div > div > div:first-of-type,
    #btn-all-campaign-list-overlap,
    #panel-campaign-list-filter-overlap > div:nth-of-type(2),
    #campaign-member-lead-page .status-list .status.open div .badge,
    #campaign-member-lead-page .lead-list-group .checkbox input[type="checkbox"]:checked + i:before,
    #modal-campaign-lead-contact-content .header-group .form-group,
    #panel-property-listing-overlap .fa-search,
    #panel-property-listing-overlap .fa-sliders,
    #panel-property-listing-overlap .placeholder-filter-text-style,
    #panel-property-listing-overlap .fa-sort,
    #panel-property-listing-overlap .total-properties-found,
    #campaign-new-page input[type="checkbox"]:checked + i:before,
    #panel-property-new-overlap .header-title,
    #panel-property-edit-overlap #lbl-step-name-property-edit-overlap,
    .radio input[type="radio"]:checked + i:before,
    #project-new-page .header-title,
    #project-detail-edit-page .header-title,
    #panel-property-filter-overlap .filter-section input,
    #panel-property-auction-filter-overlap .filter-section input,
    #lead-page .lead-date-group .checkbox input[type="checkbox"]:checked + i:before,
    #import-from-edgeprop-page .listing-box .checkbox input[type="checkbox"]:checked + i::before,
    #import-from-edgeprop-page .property-group .checkbox input[type="checkbox"]:checked + i::before,
    #panel-property-auction-listing-overlap .dropdown-menu > li > a,
    #panel-property-auction-new-overlap .div-cover-property-auction-new-overlap i,
    #panel-property-auction-edit-overlap .property-gallery-overlap i,
    #panel-property-auction-edit-overlap #btn-upload-more-property-auction-edit-overlap,
    #panel-property-new-overlap #btn-upload-more-property-new-overlap i,
    #panel-property-edit-overlap #btn-upload-more-property-edit-overlap i {
        color: var(--primary-color) !important;
    }

#panel-lead-overlap .panel-campaign-lead-overlap .panel-card-lead-overlap .clicked span,
#panel-lead-overlap .panel-campaign-lead-overlap .panel-card-lead-overlap .clicked p,
#panel-property-auction-new-overlap #lbl-step-name-property-auction-new-overlap,
#panel-property-auction-new-overlap .upload-box .upload-category i,
#panel-property-auction-new-overlap #btn-upload-more-property-auction-new-overlap,
#panel-property-auction-edit-overlap #lbl-step-name-property-auction-edit-overlap,
#panel-property-auction-edit-overlap .upload-box .upload-category i,
#panel-property-new-overlap #lbl-step-name-property-new-overlap,
#panel-property-new-overlap .upload-box .upload-category i,
#panel-property-new-overlap #btn-upload-more-property-new-overlap,
#panel-property-new-overlap .btn-more i,
#panel-property-edit-overlap .upload-box .upload-category i,
#panel-property-edit-overlap #btn-upload-more-property-edit-overlap,
#panel-property-edit-overlap .btn-more i {
    color: var(--primary-color) !important;
}

/* --- PRIMARY BORDERS --- */
#btn-submit-campaign-edit-overlap,
#btn-search-campaign-lead-filter-overlap,
#btn-search-campaign-list-filter-overlap,
#modal-invite-campaign-member-content #btn-invite-modal-invite-campaign-member-content,
#btn-submit-campaign-new-overlap,
#modal-campaign-lead-status-content #btn-save-modal-campaign-lead-status-content,
#btn-submit-lead-edit-overlap,
#btn-search-lead-filter-overlap,
#btn-submit-lead-log-edit-overlap,
#btn-submit-lead-log-overlap,
#btn-submit-lead-new-overlap,
#btn-search-loan-screening-approval-filter-overlap,
#btn-search-project-filter-overlap,
#btn-approve-fastpay-approval-request-details-overlap,
#btn-confirm-fastpay-approval-request-details-content,
#btn-search-main-booking-filter-overlap,
#panel-tasks-overlap .checkbox-round input[type="checkbox"]:checked + label,
#panel-tasks-detail-overlap .checkbox-round input[type="checkbox"]:checked + label {
    border: 1px solid var(--primary-color) !important;
}

#panel-lead-overlap .panel-campaign-lead-overlap .panel-card-lead-overlap .clicked,
#panel-property-auction-new-overlap .upload-box .upload-category,
#panel-property-auction-new-overlap .div-cover-property-auction-new-overlap #btn-upload-more-property-auction-new-overlap,
#panel-property-auction-edit-overlap .upload-box .upload-category,
#panel-property-auction-edit-overlap #btn-upload-more-property-auction-edit-overlap,
#panel-property-new-overlap .upload-box .upload-category,
#panel-property-new-overlap .div-cover-property-new-overlap #btn-upload-more-property-new-overlap,
#panel-property-edit-overlap .upload-box .upload-category,
#panel-property-edit-overlap #btn-upload-more-property-edit-overlap {
    border-color: var(--primary-color) !important;
}

/* --- TABS & ACTIVE STATES (COLOR AND BORDER) --- */
#panel-main-booking-overlap .display-box .selected,
.sort-box .tabopen,
#panel-property-filter-overlap .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
#panel-lead-info-overlap .nav-tabs > li.active > a,
#lead-page .tab .selected {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* --- BUTTONS & INTERACTIVE ELEMENTS --- */

/* Primary Buttons (Solid Fill) */
.btn-primary-css,
#modal-design-plus-content .btn-save-modal-design-plus-content,
#modal-design-plus-cancellation-content .btn-no-modal-design-plus-cancellation-content,
#project-new-page .bottom-group #btn-submit-project-new-overlap,
#property-new-page .bottom-group .input-buton #btn-submit-property-new-overlap,
#btn-search-property-search-overlap,
#panel-tasks-overlap .nav-link.active,
#property-detail-page .bottom-group button,
#property-edit-page .bottom-group .input-buton #btn-location-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-owner-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-picture-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-submit-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-apply-agencies-share-property-edit-overlap,
#project-detail-edit-page .bottom-group #btn-submit-project-detail-edit-overlap,
#import-from-edgeprop-page .bottom-group button,
#btn-save-property-edit-description-overlap,
#btn-top-property-new-overlap,
#property-auction-detail-page .bottom-group button,
#property-auction-new-page .btn-primary,
#property-auction-edit-page .btn-primary,
#property-new-page .btn-primary,
#property-edit-page .btn-primary {
    background-color: var(--button-primary-bg) !important;
    color: var(--button-primary-text) !important;
    border: 1px solid var(--button-primary-bg) !important;
    /*border-radius: var(--border-radius-large) !important;*/
    outline: 0 !important;
}

/* Secondary Buttons (Outlined) */
.btn-secondary-css,
.content .bottom-group .input-buton button.btn-secondary-css,
#btn-cancel-campaign-edit-overlap,
#btn-reset-campaign-lead-filter-overlap,
#btn-reset-campaign-list-filter-overlap,
#btn-cancel-campaign-new-overlap,
#btn-cancel-lead-edit-overlap,
#btn-reset-lead-filter-overlap,
#btn-cancel-lead-log-edit-overlap,
#btn-cancel-lead-log-overlap,
#btn-cancel-lead-new-overlap,
#btn-reset-loan-screening-approval-filter-overlap,
.panel-detail-overlap .bottom-group .more-button-group button:not(.btn-return-overlap),
#btn-cancel-tasks-call-feedback-overlap,
#btn-reset-project-filter-overlap,
#btn-decline-fastpay-approval-request-details-overlap,
#btn-cancel-fastpay-approval-request-details-content,
#btn-reset-calculator-mortgage-overlap,
#btn-reset-calculator-legal-overlap,
#btn-reset-calculator-stamping-overlap,
#btn-reset-calculator-dsr-overlap,
#btn-reset-calculator-refinance-overlap,
#btn-reset-calculator-lad-overlap,
#btn-reset-calculator-valuation-overlap,
#btn-reset-calculator-roi-overlap,
#btn-reset-calculator-rental-overlap,
#btn-reset-calculator-tenancy-overlap,
#btn-reset-calculator-affordability-overlap,
#btn-reset-calculator-rpgt-overlap,
#btn-reset-calculator-unit-overlap,
#btn-reset-main-booking-filter-overlap,
#btn-clear-all-property-filter-overlap,
#btn-cancel-whatsapp-template-edit-overlap,
#modal-design-plus-content .btn-cancel-modal-design-plus-content,
#modal-design-plus-cancellation-content .btn-yes-modal-design-plus-cancellation-content,
#property-edit-page .bottom-group .input-buton #btn-cancel-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-back-info-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-back-location-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-back-owner-property-edit-overlap,
#property-edit-page .bottom-group .input-buton #btn-back-agencies-share-property-edit-overlap,
#btn-cancel-property-edit-description-overlap {
    background-color: var(--button-secondary-bg) !important;
    color: var(--button-secondary-text) !important;
    border: 1px solid var(--button-secondary-border) !important;
    /*border-radius: var(--border-radius-large) !important;*/
    outline: 0 !important;
}

/* FABs & Tags */
.fab-icon-holder-primary, .tag-filter-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.fab-icon-holder-secondary, tag-filter-secondary {
    background-color: var(--primary-text-color) !important; /* White */
    border-color: var(--primary-color) !important;
}

/* --- MISC COMPONENTS --- */

/* Portal Navbar */
#portal-page .navbar .btn-back-overlap,
#portal-page .navbar .navbar-title {
    color: var(--navbar-text-color) !important;
}

/* Progress Bars */
#progress-result-mortgage-overlap .val-a {
    background: var(--accent-color-medium-blue) !important;
}

#progress-result-mortgage-overlap .val-b {
    background: var(--primary-color) !important;
}


.modal .header-group .form-group {
    color: var(--primary-color) !important;
}


.monthly-today {
    border-color: var(--primary-color) !important;
}

    .monthly-today .monthly-day-number {
        background: var(--primary-color) !important;
    }


.monthly-day .monthly-event-indicator.completed {
    background: var(--primary-color-light) !important;
    color: var(--primary-color-light) !important;
}
