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 hr {
    border-color: #3a5068 !important;
}

html.dark-mode .description,
html.dark-mode .fmcty-description,
html.dark-mode small,
html.dark-mode .calc-note,
html.dark-mode p {
    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;
}
