/* ---- Form validation feedback ------------------------------------------- */

/*
   Shown at the top of a rejected form. The old behaviour printed validation
   messages as unstyled text partway down the page, which read as "nothing
   happened" - the worst thing a form can do to someone.
*/
.kbv-errors {
    margin: 0 0 18px;
    padding: 14px 16px;
    background: #fdecea;
    border: 1px solid #f6c9c4;
    border-left: 4px solid #c62828;
    border-radius: 7px;
    color: #8c2f2a;
    font-size: 13.5px;
}
.kbv-errors .kbv-head {
    font-weight: 600;
    color: #c62828;
    margin-bottom: 6px;
}
.kbv-errors .kbv-head i { margin-right: 6px; }
.kbv-errors .kbv-list { margin: 0; padding-left: 20px; }
.kbv-errors .kbv-list li { margin: 3px 0; }
.kbv-errors .kbv-list a { color: #8c2f2a; text-decoration: underline; cursor: pointer; }
.kbv-errors .kbv-list a:hover { color: #c62828; }
.kbv-errors .kbv-loose { line-height: 1.5; }

/* The offending input itself, so the eye lands on it after the jump. */
.kbv-invalid,
.kbv-invalid:focus {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 3px rgba(229, 57, 53, .14) !important;
}