/* 7/29/26--> Styles for the client-side request-validation guard (fr-request-validation-guard.js).
 *
 * Site.Master is Bootstrap 3.4.1 and SiteContent1.Master is Bootstrap 4 + Landkit, so BS4's
 * .is-invalid / .invalid-feedback do not exist on 68 of the 124 pages. These rules own their look
 * outright rather than leaning on either framework's validation classes, so the message reads the
 * same under both themes.
 */

.fr-rv-message {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 85%;
    line-height: 1.4;
    color: #a94442;
}

.fr-rv-invalid,
.fr-rv-invalid:focus {
    border-color: #a94442;
    box-shadow: 0 0 0 1px rgba(217, 83, 79, 0.35);
    outline: none;
}

/* .input-group is a flex row in BS4 and a table row in BS3: the message is inserted as a sibling
   AFTER the group, so it needs to break out of the row in both. */
.input-group + .fr-rv-message {
    margin-top: 6px;
}
/* <--7/29/26 */