:root{
    --theme-main: #0e0e0e;
    --theme-accent: #000;
}

.rh .popover .popover-title,
#payment-calc .go,
#payment-calc .get-details,
#payment-calc .calc-tip-top,
#payment-calc .calc-tip-bottom,
#payment-calc .calc-tip-middle,
.rh-rate-selector table.rate-display td:first-child+td+td a{
    background: var(--theme-main) !important;
    transition: background 0.25s;
}

#payment-calc.ratehub-calc #calc_extension .amortization tbody .highlight td,
#payment-calc.ratehub-calc #calc_extension .amortization tbody .highlight th {
    border: 1px solid var(--theme-main) !important;
    background-color: var(--theme-main) !important;
    color: white;
}

.rh h1,
.rh .h1,
.ratehub-calc #calc_extension .section-content h4,
.ratehub-calc #calc_extension .rate-risk .ledger-items li:first-child+li,
.rh-checkbox-container .checked,
#payment-calc .rh-calc-main .rate-selector{
    /*color: var(--theme-main) !important;*/
    color: #f3f3f3;
}


#payment-calc .go:hover,
#payment-calc .go:focus,
#payment-calc .get-details:hover,
#payment-calc .get-details:focus,
.rh-rate-selector table.rate-display td:first-child+td+td a:hover,
.rh-rate-selector table.rate-display td:first-child+td+td a:focus{
    background: var(--theme-accent) !important;
}

#payment-calc .calc-tip-top{
    border-radius: 5px 5px 0 0;
}

#payment-calc .calc-tip-bottom{
    border-radius: 0 0 5px 5px;
}

#payment-calc .calc-tip-nib{
    background: transparent !important;
}
.ratehub-calc #calc_extension .section-title {
    color: #f3f3f3;
}
#payment-calc .rh-calc-main .total, #payment-calc .rh-calc-main .total-mortgage-payment, #payment-calc .rh-calc-main .payment-freq {
    background-color: #f3f3f3;
}
#payment-calc .rh-calc-main .total span , #main .rh h4 {
    color: #0e0e0e;
}
#payment-calc .calc-tip-wrapper .active:after{
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    right: auto;
    top: 17px;
    bottom: auto;
    border: 12px solid;
    border-color: var(--theme-main) var(--theme-main) transparent transparent;
}

#payment-calc .rh-calc-main .land-transfer-tax .profile .rh-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}

#payment-calc .rh-calc-main .land-transfer-tax .profile .rh-row:before{
    display: none;
}

#payment-calc .nib-left {
    margin-left: 14px;
    padding-left: 0 !important;
}

.rh table tr{
    position: relative;
}

#payment-calc .land-transfer-tax .rh-tooltip-container {
    margin-top: -15px !important;
    left: 12px;
}

.rh label {
    line-height: 2;
}

.calc-social-icons{
    display: none;
}
.ratehub-calc .rh-calc-block {
    border: 1px solid #222224;
    /*background-color: #222224;*/
    background-color: grey;
}
.rh h3, .rh .h3 {
    color: #fff;
}
.rh .ratehub-calc table>tbody>tr>td {
    color: #f3f3f3;
}


