.section-content form div, .section-content form p {
    text-align: left;
}

.form-line {
    margin-top: 5px;
}

label, .form-line {
    white-space: nowrap;
}

label span.label, .form-line span.label{
    white-space: normal;
    display: inline-block;
    width: 150px;
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
    padding-right: 10px;
}

label span.filename, .form-line span.filename {
    width: auto;
}

label input, label textarea, label select, .form-line input, .form-line textarea {
    vertical-align: text-bottom;
    padding: 5px;
    border: 1px solid #859aaa;
    border-radius: 3px;
}

label.multioption, label.multioption-other {
    display: block;
    margin-left: 160px;
    padding-bottom: 5px;
}

label input[type=text], label input[type=email], label input[type=url], label textarea,
.form-line input[type=text], .form-line input[type=email], .form-line input[type=url], .form-line textarea {
    box-sizing: border-box;
    width: 550px;
}

@media all and (max-width: 800px) {
    label input[type=text], label input[type=email], label textarea,
    .form-line input[type=text], .form-line input[type=email], .form-line textarea{
        width: 100%;
    }
    ul.error {
        margin-left: 0px;
    }
}

input[type=date] {
    height: 1.2em;
}
select {
    height: 2.1em;
}
select[multiple] {
    height: 200px;
}

textarea {
    height: 200px;
}
textarea.short {
    height: 100px;
}

ul.error {
    color: red;
    font-size: smaller;
    margin-left: 150px;
}

input.short {
    max-width: 150px;
}

input.error {
    background-color: #ffdddd;
}

input:hover {
    background-color: #f8f8f8;
}
@media all and (max-width: 800px) {
    label span.label, .form-line span.label {
        display: block;
        width: 100%;
        padding: 0 0 5px 0;
        text-align: left;
    }
}

.form-line > button {
    border: 0;
    border-radius: 0.25rem;
    background: #eca724;
    color: white;
    font-family: -system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    padding: 0.25rem 0.5rem;
    margin-left: 0;
    cursor: pointer;
    min-height: calc(12px + 1em);
    vertical-align: top;
}
.form-line > button:hover, .form-line > button.pushed {
    background: #c88d1e;
}

form.submitted button:not([type='button']) {
    position: relative;
    color: transparent;
    background-color: #c88d1e;
    cursor: default;
    outline: 0;
    border: 0;
}

form.submitted button:not([type='button']):active {
    transform: none;
    box-shadow: none;
}

form.submitted button:not([type='button']):focus {
    outline: none;
    box-shadow: none;
}

form.submitted button:not([type='button'])::after {
    --icon-height: 22px;
    content: ' ';
    height: var(--icon-height);
    aspect-ratio: 1;
    border: 2px solid #FFF;
    border-bottom-color: var(--orange-yepso);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: absolute;
    left: calc(50% - var(--icon-height) / 2);
    top: calc(50% - var(--icon-height) / 2);
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}