.calculation-result .about-chart .amt-principal:before {
    background: #dddddd !important;
}

.calculation-result .inflation-values {
    width: 140px;
}

.form-ctrl {
    font-size: 18px;
}

.calci-input-ctrl:before {
    font-size: 18px;
    color: var(--black90);
    line-height: 34px;
}

.range-slider-label .calci-amount {
    position: absolute;
    bottom: -20px;
    left: 0;
}

.range-slider-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.range-slider-label .calci-input-ctrl,
.range-slider-label .calci-num-ctrl {
    width: 115px;
}

.calculator-form .input-prop.year {
    left: 26px;
}

.range-input-slider .slidecontainer {
    width: 100%;
    padding: 20px 0
}

.range-input-slider .input-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background: #eaeaea;
    outline: 0;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.range-input-slider .input-slider:hover {
    opacity: 1
}

.range-input-slider .input-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 var(--primary-green);
    border: solid 2px var(--primary-green);
    background-color: #fff;
    cursor: pointer
}

.range-input-slider .input-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 var(--primary-green);
    border: solid 2px var(--primary-green);
    background-color: #fff;
    cursor: pointer
}

.invst-str-section .calci-num-ctrl.calci-num-ctrl-div {
    width: 130px;
}

.invst-str-section .alerts-msg.strategy-alert {
    background: #F1FFF0;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
}

.invst-str-section .range-input-slider .slidecontainer {
    padding: 9px 0;
}

.summary-section {
    padding-top: 20px;
}

.summary-section h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--black-color);
    padding-bottom: 8px;
}

.sec-calculator .table-listing {
    padding-left: 12px;
}

.list-content {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    color: var(--black60);
    padding-left: 20px;
    position: relative;
}

.list-content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C4C4C4;
}

.genius-tracking {
    padding: 0px;
    background: #FFF8E5;
    border-radius: 4px;
    margin: 24px 0 0;
}

.genius-tracking .gns-growth-links {
    font-size: 16px;
    line-height: 20px;
    color: #FC8400 !important;
    padding: 12px 30px 22px 50px;
    position: relative;
    display: block;

}

.genius-tracking .gns-growth-links:after {
    content: "";
    position: absolute;
    left: 16px;
    top: 12px;
    width: 24px;
    height: 24px;
    background: url("https://img.smartspends.com/static/images/tracking-genius.svg");
}

.genius-tracking .know-more-txt {
    font-weight: 600;
    color: #FC8400;
}

.calci-switch.investment-switch .rounder:before {
    padding: 0px 0;
}


@media (max-width: 991px) {

    /* .cal-table tr td {
padding: 12px 0px 0px 5px !important;
} */
    .cal-table tr td:first-child {
        /*  text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
white-space: nowrap;
width: 100px;*/
        padding-right: 0px;
    }

    .cal-table th:first-child {
        border-radius: 4px 0px 0px 4px;
    }

    .cal-table tr td:nth-child(2),
    .cal-table tr td:nth-child(3),
    .cal-table tr td:nth-child(4) {
        text-align: left !important;
    }

    .sec-calculator .form-ctrl {
        background-color: #ffffff;
    }

    .calculation-content {
        display: none;
    }

    .sec-calculator .main-content {
        background: #fff;
    }

    .genius-tracking {
        margin: 16px 0 0;
    }

    .genius-tracking gns-growth-links {
        padding: 12px 12px 22px 50px;
    }

    .form-ctrl {
        font-size: 14px;
    }

    .calci-num-ctrl .form-ctrl {
        padding-right: 60px;
    }

    .output-table-parent {
        padding: 16px;
    }

    .output-table tr td .value {
        padding: 0 0;
    }

    .calculator-form .calci-button-ctrl .cta {
        max-width: 414px;
        display: block;
        margin: 0px auto;
        background-color: var(--primary-green);
        color: #ffffff !important;
    }

    .cta-primary,
    .cta-hollow {
        padding: 12px;
    }

    .invst-str-section .calci-num-ctrl .form-ctrl {
        padding-right: 24px;
    }

    .inv-strgy-section .table-wrapper table>thead>tr>th {
        padding: 8px 12px;
        font-size: 13px;
        max-width: 140px;
        min-width: 100px;
    }

    .inv-strgy-section .table-wrapper table>thead>tr>th:last-child {
        max-width: initial;
        min-width: inherit;
    }

    .wrape-table-fund a {
        max-width: 180px;
        white-space: initial;
        min-width: 200px;
    }

    .inv-strgy-section .cal-table tr td {
        padding: 12px 12px 8px 8px;
    }

    .inv-strgy-section .table-wrapper .cal-table tr td .cta {
        width: 30px;
    }

    .isApp .calculation-content {
        padding-bottom: 0px !important;
    }
}

.calculation-content.overlay:before {
    z-index: 1;
}

.add-table tr td:first-child a:hover {
    color: var(--hover-primary-green);
}

@media (min-width:992px) {

    .sec-other-calculator .calculation-result .about-chart {

        justify-content: center !important;
    }

    .invst-str-section .calci-num-ctrl .form-ctrl {
        padding-right: 20px;
    }
}

.calculation-result .about-chart {
    padding-top: 5px;
}

.sec-calculator .table-listing li:nth-child(2) .property .property-child,
.sec-calculator .table-listing li:nth-child(3) .property .property-child {
    padding-right: 0px !important;
}

.calculation-result .amount-values {
    width: 85% !important;
}

.see-how-switch .light-label.active {
    color: #222222;
}

.investment-switch .rounder {
    background-color: var(--primary-green);
}

.investment-switch .rounder:before {
    content: url('../../../../assets/icms/images/calculator/left-arrow.svg');
}

.investment-switch input:checked+.rounder:before {
    content: url('../../../../assets/icms/images/calculator/right-arrow.svg');

}

.summary-label {
    font-weight: 600;
    margin: 10px 0px 5px;
}

.summary ul li {
    line-height: 21px;
    color: #454545;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
    width: 100%;
    text-align: left;
    list-style-type: none;
}

.summary ul li::before {
    content: '';
    top: 7px;
    position: absolute;
    width: 8px;
    height: 20px;
    background: url("../../../../assets/icms/images/calculator/Ellipse.svg") no-repeat;
    background-size: 100%;
    left: 0;
    display: inline-block;
}

.dropdown-wrap .dropdown-select li {
    padding: 10px 12px;
}

/* table */
.cal-table {
    width: 100%;
}

.cal-table th {
    background-color: #F9F8F3;
    padding: 12px;
    ;
}

.cal-table tr td {
    padding: 12px 12px 0px 12px;
}

/*.cal-table tr td:nth-child(2),
.cal-table tr td:nth-child(3) {
text-align: center;
}*/

.cal-table th:first-child {
    border-radius: 4px 0px 0px 4px;
}

.cal-table th:last-child {
    border-radius: 0px 4px 4px 0px;
}



.c-5star {
    background-color: #03D000;
}

.c-4star {
    background-color: #7EEC00;
}

.c-3star {
    background-color: #B6E616;
}

.c-2star {
    background-color: #d8ee2b;
}

.c-1star {
    background-color: #ecde03;
}

.c-star img {
    margin-top: -6px;
    margin-left: 2px;
}

/* Radio button style */
.flex-with-no-space {
    margin-bottom: 10px;
}

.radio-btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    font-family: 'proxima-nova';
}

.radio-btn-input {
    display: none;
}

.radio-btn.type2 .circle:checked+span {
    background: 0 0;
    border-color: var(--primary-green);
}

.radio-btn.type2 span {
    border: solid 2px var(--primary-green);
}

.radio-btn span {
    width: 18px;
    height: 18px;
    border: solid 3px #eaeaea;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    background: #fff;
    margin-top: -4px;
}

.radio-btn.type2 .circle:checked+span:after {
    width: 12px;
    height: 12px;
    background: var(--primary-green);
    top: 2px;
    left: 2px;
    transform: translate(0, 0);
}

.circle:checked+span:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radio-btn.type2 .circle:checked+span {
    background: 0 0;
    border-color: var(--primary-green);
}

.radio-btn.type2 span {
    border: solid 1px var(--primary-green);
}

@media (min-width: 992px) {
    .flex-with-no-space .radio-btn {
        width: auto;
        margin-right: 30px;
    }

    .output-table tr th:first-child {
        padding-left: 0;
    }

    .output-table tr td:nth-child(1) .value {
        padding-left: 0;
    }

    .sec-other-calculator .calculator-form .form-group {
        max-width: 310px;
    }

    .add-table.table-responsive {
        overflow-x: initial;
    }
}

@media(min-width:320px) {
    .calculation-content {
        display: block;
    }
}

@media(min-width:992px) {
    .add-table.table-responsive {
        overflow-x: initial;
        min-height: 433px;
    }

    .table-wrapper {
        margin-bottom: 40px;
    }
}

@media(max-width:991px) {
    .add-table.table-responsive {
        overflow-x: initial;
        min-height: 305px;
    }
}

.output-table-parent {
    border: 1px solid #DDDDDD;
    padding: 10px 20px;
    border-radius: 8px;
}

.output-table tr td {
    color: var(--black60);
    font-size: 18px;
    line-height: 16px;
    font-weight: 400;
    padding: 6px 0;
    width: 33.33%;
}

.output-table tr th:nth-child(2),
.output-table tr td:nth-child(2) {
    text-align: right;
}

.output-table tr td .value {
    line-height: 27px;
}

.calci-switch.investment-switch .rounder:before {
    padding: 0px 0;
}

@media(max-width:991px) {
    .output-table tr td {
        color: var(--black60);
        font-size: 14px;
        line-height: 18px;
        padding: 2px 0;
    }

    .output-table-parent {
        padding: 8px 16px;
    }

    .output-table tr td .value,
    .output-table tr td:nth-child(1) .value .bold,
    .output-table tr td:nth-child(2) .value .bold {
        font-family: proxima-nova-semibold;
    }
}