/* (c) 2024--2026 Gerald Forster */

form.edit {
    padding-bottom: 1rem;
    padding-left:  var(--disth);
    padding-right: var(--disth);
}
.form-button-wrapper {
    margin: 0;
}
div.field-wrapper {
    padding-top: .16rem;
    padding-bottom: .16rem;
}
button, input, select, textarea {
    font-family: inherit
}
input[type=text] {
    margin: 0;
    padding: 0;
    width: var(--input-width-default);
    font-size: var(--input-font-size);
}
input.size-date { width: 8rem; }
input.size-date-time { width: 12rem; }
input.size-short { width: 10rem; }
input.size-medium { width: 30rem; }
input.size-long { width: 40rem; }
textarea {
    margin-top: .1rem;
    margin-bottom: 0rem;
    width: 80%;
    height: 18rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2;
}
select {
    font-size: var(--input-font-size);
}
label {
    font-size: var(--label-font-size);
}
label.block-form {
    display: block;
}
label.inline-form {
    display: inline;
    margin-right: .2rem;
}

button {
    /* color: var(--button-text-color);
    background-color: #fafafa; */
    font-size: var(--button-font-size);
    padding: .3rem .4rem;
    border-radius: .3rem;
    border: solid 1px var(--button-border-color);  /* Die Rahmen aller Buttons müssen gleich breit sein. */
}
button:disabled {
    color: var(--disabled-color);
    border: solid 1px var(--disabled-color);
}

button.prim-button {
    background-color: var(--prim-button-color);
    color: var(--prim-button-text-color);
}
button.prim-button:active {
    background-color: var(--prim-button-active-color);
}
button.sec-button {
    background-color: var(--sec-button-color);
    color: var(--sec-button-text-color);
}
button.sec-button:active {
    background-color: var(--sec-button-active-color);
}