/* HPI re-submit button */
#hpi-recheck {
    opacity: 1;
    transition: opacity .2s;
}

#hpi-recheck:disabled {
    opacity: 0.75;
    cursor: not-allowed;
}

#hpi-recheck .icon {
    margin-right: 10px;
}

.btn.working [data-icon]:before {
    content: 'refresh';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Loan calculator */
.textual.currency, .textual.percentage {
    position: relative;
    padding-left: 15px;
}

.textual.currency::before, .textual.percentage::before {
    position: absolute;
    left: 1px;
    top: 0;
    height: 100%;
    line-height: 34px;
    background: #f1f5f8;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
}

.textual.currency::before {
    content: "£";
    padding: 0 5px;
}
.textual.currency textarea, .textual.percentage textarea {
    text-indent: 20px;
}

.textual.percentage::before {
    content: "%";
    padding: 0 3px 0 4px;
}

#fields-affordability-field .thin.action {
    pointer-events: none;
}

#fields-affordability-field .btn.add.icon {
    display: none;
}

#fields-affordability-field .total-row td {
    background: #f1f5f8;
}

#fields-affordability-field textarea:read-only {
    pointer-events: none;
}

#fields-calculator table {
    border-collapse: collapse;
}

#fields-calculator th {
    background: #ABABAB;
    border: 1px solid #787878;
    text-align: center;
    color: #FFFFFF;
    padding: 6px;
}

#fields-calculator tr.selected th, #fields-calculator tr.selected td {
    background: #87e48b;
    color: #545454;
}

#fields-calculator td {
    border: 1px solid #ABABAB;
    position: relative;
}

#fields-calculator td::before {
    content: "£";
    position: absolute;
    left: 5px;
    top: 0;
    line-height: 34px;
}

#fields-calculator th.term {
    width: 10%:
}

#fields-calculator th.daily-interest {
    width: 15%;
}

#fields-calculator th.monthly-repayment {
    width: 15%;
}

#fields-calculator th.monthly-interest {
    width: 15%;
}

#fields-calculator th.monthly-capital {
    width: 15%;
}

#fields-calculator th.total-interest {
    width: 15%;
}

#fields-calculator th.total-repayment {
    width: 15%;
}