.loginform > .card_content {

    padding: 1rem;

    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto auto auto;

}

.loginform #label_usrmail   { grid-row: 1; grid-column: 1; }
.loginform #usrmail         { grid-row: 1; grid-column: 2; }
.loginform #label_password  { grid-row: 2; grid-column: 1; }
.loginform #password        { grid-row: 2; grid-column: 2; }
.loginform #cb_persistlogin { grid-row: 3; grid-column: 2/2; }
.loginform #btnSubmit       { grid-row: 4; grid-column: 1/3; }
.loginform #text_info       { grid-row: 5; grid-column: 1/3; }

.loginform .label_textinput {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-right: 1rem;
}

.loginform #text_info {
    font-size: 1.1rem;
    text-align: right;
}

.loginform #btnSubmit {
    margin-top: 1.5rem;
}

.loginform .registerlink {
    color: var(--col-link-highlight);
    font-weight: bold;
    text-decoration: none;
}

.loginform .registerlink:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 45rem) { /* < 720px */
    .loginform > .card_content { display: flex; flex-direction: column; }
    .loginform .label_textinput { justify-content: left; }
    .loginform #cb_persistlogin { margin-top: 1rem; }
    .loginform #text_info { text-align: left; }
}