.input-error {
    font-size: 80%;
    color: red;
}

form.form-100 {
    width: 100%;
}

.text_page_outer{
    padding-bottom: 40px;
}

.text_page_outer .heading-block{
    margin-bottom: 40px;
    margin-top: 40px;   
    text-align: center;
}

.text_page_outer .section{

}

/* Marks a button as "request in flight" (added/removed by JS across the
   site - payment-portal.js, dealer-register.js, auth.js, etc. - as a
   double-submit guard) but had no actual visual style anywhere, so clicking
   e.g. "Save Payment Method" gave no feedback at all while the request was
   in progress. */
.cursor-wait {
    cursor: wait !important;
    opacity: 0.65;
    pointer-events: none;
    position: relative;
}

.cursor-wait::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: cursor-wait-spin 0.6s linear infinite;
}

@keyframes cursor-wait-spin {
    to { transform: rotate(360deg); }
}