div.inputForm > .ui-panel-content {
    grid-template-columns: max-content max-content 1fr max-content;
    grid-auto-rows: minmax(1.5em, auto);
    grid-template-areas:
            "l_username i_username . g-recaptcha"
            "l_firstname i_firstname . g-recaptcha"
            "l_lastname i_lastname . g-recaptcha"
            "l_email i_email . g-recaptcha"
            ". . . ."
            "l_password i_password . ."
            "l_match i_match . ."
            ". . . ."
            "o_pdf o_pdf o_pdf o_pdf"
            "i_consent l_consent l_consent l_consent"
            ". . . b_submit";
    align-items: center;
}


.l_username { grid-area: l_username; }
.i_username { grid-area: i_username; }

.l_firstname { grid-area: l_firstname; }
.i_firstname { grid-area: i_firstname; }

.l_lastname { grid-area: l_lastname; }
.i_lastname { grid-area: i_lastname; }

.l_email { grid-area: l_email; }
.i_email { grid-area: i_email; }

.l_password { grid-area: l_password; }
.i_password { grid-area: i_password; }

.l_match { grid-area: l_match; }
.i_match { grid-area: i_match; }

.o_pdf { grid-area: o_pdf; width: 100%; height: 300px; }
.g-recaptcha {
    grid-area: g-recaptcha;
    align-self: start;
}

.l_consent {
    grid-area: l_consent;
    color: #FF3030;
    font-size: 1.2em;
    font-weight: bold;
    justify-self: start;
}
.i_consent {
    grid-area: i_consent;
    justify-self: end;
}

.b_submit { grid-area: b_submit; }
