.bookingform {
}

    .bookingform label {
        font-weight: bold;
        margin-bottom: calc(var(--spacing) * 2);
        font-size: 16px;
    }

        .bookingform label.middle {
            margin: 0 0 1rem;
            padding: 0.5625rem 0 0 0;
        }

        .bookingform label.errorlabel {
            color: red;
            font-size: 14px;
        }

    .bookingform .formerror {
        font-weight: bold;
        font-size: 16px;
        color: red;
        line-height: normal;
    }

    .bookingform textarea, .bookingform select, .bookingform [type='text'], .bookingform [type='number'], .bookingform [type='email'], .bookingform [type='tel'], .bookingform [type='password'], .bookingform [type='button'].astext {
        border: solid 1px var(--border);
        border-radius: calc(var(--radius) - 2px);
        background-color: var(--input-background);
        padding-inline: calc(var(--spacing) * 3);
        margin-bottom: calc(var(--spacing) * 4);
    }

    .bookingform select {
        padding-right: 2rem;
        border-color: transparent;
    }

        .bookingform select.padded {
            margin-bottom: unset;
            margin: calc(var(--spacing) * 3) auto;
            padding-block: calc(var(--spacing) * 2);
            padding-right: 2rem;
        }

    .bookingform [type='button'].astext {
        width: 100%;
        padding: calc(var(--spacing) * 3);
        text-align: left;
        height: 2.4375rem;
    }

        .bookingform [type='button'].astext.innerleft {
            padding-left: 3rem;
        }

    .bookingform .inputouter {
        position: relative;
    }

        .bookingform .inputouter [type='text'], .bookingform .inputouter [type='number'], .bookingform .inputouter [type='email'], .bookingform .inputouter [type='tel'], .bookingform .inputouter [type='password'], .bookingform .inputouter [type='button'].astext {
            margin-bottom: 0;
        }

    .bookingform .inputinner {
        position: absolute;
        right: 1rem;
        top: 0.75rem;
        z-index: 10;
    }

        .bookingform .inputinner.innerleft {
            right: unset;
            left: 1rem;
            margin-right: 2rem;
        }

    .bookingform .newgenbutton {
        border-radius: calc(var(--radius) - 2px);
        padding-inline: calc(var(--spacing) * 2);
        margin: 0;
        margin-top: calc(var(--spacing) * 8);
        margin-bottom: calc(var(--spacing) * 8);
        font-weight: bold;
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height);
    }

        .bookingform .newgenbutton:hover {
            background-color: #000000;
        }

        .bookingform .newgenbutton.empty {
            background-color: white;
            color: var(--accent-foreground);
            border: solid 1px var(--border);
            border-radius: var(--radius);
        }

            .bookingform .newgenbutton.empty:hover {
                background-color: var(--input-background);
            }

        .bookingform .newgenbutton.small {
            line-height: var(--text-xs--line-height);
            padding: calc(var(--spacing) * 2);
        }

    .bookingform .pupilselect {
        /*padding-inline: calc(var(--spacing) * 2);*/
    }