html.dark-mode body,
html.dark-mode .calculator-component,
html.dark-mode .col-inner,
html.dark-mode .card,
html.dark-mode .fmcty-wrapper,
html.dark-mode .fmcty-form,
html.dark-mode .container-donut-chart,
html.dark-mode .output-summary,
html.dark-mode .output-loan-summary {
    background-color: #1a2332 !important;
    color: #e0e6ed !important;
}

html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode .h-echo,
html.dark-mode label,
html.dark-mode .fmcty-label,
html.dark-mode .output-summary h3,
html.dark-mode .output-loan-summary h3,
html.dark-mode .output-loan-summary span,
html.dark-mode .output-loan-summary strong,
html.dark-mode .donut-chart-center span,
html.dark-mode .donut-chart-center h3 {
    color: #e0e6ed !important;
}

html.dark-mode .donut-chart-center .payment-amount,
html.dark-mode .donut-chart-center .payment-amt {
    color: #fff !important;
}

html.dark-mode .fmcty-sections li,
html.dark-mode .fmcty-section {
    color: #e0e6ed !important;
}

html.dark-mode input[type="text"],
html.dark-mode input[type="number"],
html.dark-mode input[type="tel"],
html.dark-mode select,
html.dark-mode .fmcty-styled-select-inner {
    background-color: #243447 !important;
    color: #e0e6ed !important;
    border-color: #3a5068 !important;
}

html.dark-mode .fmcty-radio-group label,
html.dark-mode .fmcty-radio label {
    background-color: #243447 !important;
    color: #e0e6ed !important;
    border-color: #3a5068 !important;
}

html.dark-mode .fmcty-radio-group label.active,
html.dark-mode .fmcty-radio label.active,
html.dark-mode .fmcty-radio-group input:checked + label,
html.dark-mode .fmcty-radio input:checked + label {
    background-color: #1a4a7a !important;
    color: #fff !important;
    border-color: #2a6aaa !important;
}

html.dark-mode .output-item,
html.dark-mode .output-row,
html.dark-mode .chart-legend-item,
html.dark-mode .breakdown-item {
    color: #e0e6ed !important;
}

html.dark-mode .output-item .value,
html.dark-mode .output-row .value,
html.dark-mode .breakdown-value,
html.dark-mode .chart-legend-item .amount {
    color: #5ba3e6 !important;
}

html.dark-mode output,
html.dark-mode .breakdown-item output,
html.dark-mode .output-loan-summary output {
    color: #e0e6ed !important;
}

html.dark-mode .fmcty-field-currency dd::before,
html.dark-mode .calculator-component .field-interest_rate::after,
html.dark-mode .calculator-component .field-interRate::after,
html.dark-mode .calculator-component .field-down_payment_pct::after,
html.dark-mode .calculator-component .field-down_paymentAmt dd::before,
html.dark-mode .calculator-component .field-property_value::before,
html.dark-mode .calculator-component .field-homeowners_insurance::after,
html.dark-mode .calculator-component .field-property_taxes::after,
html.dark-mode .calculator-component .field-homeownerIns::after,
html.dark-mode .calculator-component .field-propertyTax::after {
    color: #9ab0c8 !important;
    opacity: 0.8 !important;
}

html.dark-mode .fmcty-styled-select-glyph {
    color: #9ab0c8 !important;
}

html.dark-mode hr {
    border-color: #3a5068 !important;
}

html.dark-mode .description,
html.dark-mode .fmcty-description,
html.dark-mode .fmcty-field-description,
html.dark-mode small,
html.dark-mode .calc-note,
html.dark-mode p,
html.dark-mode p.small,
html.dark-mode p.small strong,
html.dark-mode .notice p,
html.dark-mode .notice strong,
html.dark-mode .notice,
html.dark-mode .copyright-text,
html.dark-mode .copyright-text a {
    color: #9ab0c8 !important;
}

html.dark-mode button[type="button"],
html.dark-mode .show-more-btn {
    color: #5ba3e6 !important;
}

html.dark-mode .input-range::-webkit-slider-runnable-track {
    background: #3a5068 !important;
}

html.dark-mode .col-2 {
    background-color: #1a2332 !important;
}

html.dark-mode .container-donut-chart .chart-summary,
html.dark-mode .container-donut-chart .chart-legend {
    color: #e0e6ed !important;
}

html.dark-mode table,
html.dark-mode td,
html.dark-mode th,
html.dark-mode tr {
    color: #e0e6ed !important;
    border-color: #3a5068 !important;
}