/* ==========================================================
   Get Smart Financial
   Finance Engine
   Read-only Calculated Fields
========================================================== */

.gsf-readonly-field {

    background: #f0f8f2 !important;
    border: 2px solid #1f8f4e !important;
    color: #0b5e2b !important;

    font-weight: 700 !important;
    font-size: 16px !important;

    text-align: right;

    cursor: not-allowed;

}

.gsf-readonly-field:focus {

    outline: none !important;

    box-shadow: 0 0 0 3px rgba(31,143,78,.15);

}

.gsf-readonly-field {
    background: #f0f8f2 !important;
    border: 2px solid #1f8f4e !important;
    color: #0b5e2b !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: right;
    cursor: not-allowed;
}

.gsf-field-updated {
    animation: gsfFieldFlash 0.5s ease-in-out;
}

@keyframes gsfFieldFlash {
    0% {
        background: #d9f99d;
    }

    100% {
        background: #f0f8f2;
    }
}

.gsf-validation-error {
    border: 2px solid #dc2626 !important;
    background: #fff5f5 !important;
}

.gsf-error-message {
    margin-top: 6px;
    color: #dc2626;
    font-size: 13px;
    font-weight: 600;
}

.gsf-validation-success {
    border: 2px solid #16a34a !important;
    background: #f0fdf4 !important;
}