.calculator-iframe {
    /* background-color: #eaeef2; */
    border: 1px solid #cecece;
    font-family: Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.calculator-iframe .page {
    background: #fff;
}
.calculator-iframe .box {
    height: 100%;
}
.calculator-iframe .bg-grey {
    background: #eaeef2;
}
#landing-page-content .calculator-iframe h1.page-header,
.calculator-iframe h1.page-header {
    font-size: 24px;
    font-weight: bold;
    color: #3e3e40;
    margin-bottom: 0.8rem;
}
.calculator-iframe form label {
    color: #5a646d;
    font-size: 14px;
    font-weight: 800;
}
.calculator-iframe form .form-control {
    font-size: 18px;
}
.calculator-iframe .invalid-tooltip {
    z-index: 5;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.calculator-iframe .btn-calculate {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    line-height: 2;
    font-size: 18px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-weight: 500;
}
.calculator-iframe .btn-calculate:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
.calculator-iframe .results-top {
    color: #3e3e40;
    padding-bottom: 15px;
    border-bottom: solid 1px #c4cdd5;
}
.calculator-iframe .results-top .results-header {
    font-size: 20px;
    font-weight: 800;
}
.calculator-iframe .results-top .results-value {
    font-size: 72px;
    line-height: 1.3;
    letter-spacing: -5px;
}
.calculator-iframe .subresults .subresults--header {
    font-size: 14px;
    font-weight: 500;
    color: #86939e;
}
#landing-page-content .calculator-iframe .powered-by, .calculator-iframe .powered-by {
    font-size: 12px !important;
}
.apy-calculator .subresults .subresults--value {
    color: #3e3e40;
}
.apy-calculator .bar-graph {
    clear: both;
}
.apy-calculator .bar-graph .graph-earning-value {
    font-size: 20px;
    line-height: 1.2em;
}
.apy-calculator .bar-graph .graph-year-text {
    width: 8%;
    font-size: 18px;
}
.apy-calculator .bar-graph .graph-display {
    height: 20px;
    background-color: #218838;
    margin: 1%;
}
@media screen and (max-width:767px) {
    .calculator--btn-container .calculator--btn-back {
        color: #87939c;
        padding-left: 0;
        padding-right: 10px;
        padding-top: 2px;
    }
    .calculator--btn-container svg {
        height: 24px;
        width: 24px;
        display: inline;
        fill: #87939c;
    }
}