/* Form with two columns */
.input-form-container {
    margin-inline: auto;
}

.input-form {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 10rem 1fr;
    grid-gap: 0.5rem;

    margin-inline: auto;
    width: 40rem;
}

.input-form-header {
    text-align: center;
    margin-bottom: 1em;
    font-weight: bold;
}

.input-form-success {
   color: green;
}
.input-form-error {
    color: red;
}
.input-form-label {
    font-style: italic;
    font-size: 1em;
}
.input-form-msg {
    margin: 1rem;
    text-align: center;
    font-style: italic;
}

.input-form-control-error {
    grid-column: auto / span 2;
    text-align: end;
    color: red;
    font-size: 0.8rem;
}
.input-form-buttons-container {
    grid-column: auto / span 2;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}
/* Form with two columns end */