* .single_form_width { width: 334px !important; }

* .single_and_a_half_form_width { width: calc(1.5 * 334px) !important; }

* .double_form_width { width: calc(2 * 334px) !important; }

.form_error { display: flex !important; flex-direction: row; align-items: center !important; justify-content: flex-start !important; column-gap: 8px; margin-bottom: 8px !important; }

.form_error svg { height: 16px; color: red; }

.errorlist { list-style: none; margin: 0; padding: 0; }

form { width: auto; display: flex; flex-direction: column; flex-wrap: wrap; column-gap: 50px; font-family: "Geist", sans-serif; }

form.form_wrap { max-height: 600px; }

form .row_fields { width: 334px; display: flex; flex-direction: row; justify-content: space-between; }

form.form_width_auto { width: auto; }

form.form_width_auto p { width: auto; }

form .dropdown { width: 334px; margin-bottom: 24px; margin-top: 0; }

form .dropdown .dropdown_text { width: 100%; }

form .field_optional:not(.no_marker):after { content: " (optioneel)"; }

form label { color: #09090b; font-size: 14px; font-weight: 500; line-height: 14px; padding-bottom: 8px; }

form label:not([for="id_remember"]) { display: block; }

form p.muted { margin-top: 6px; }

form p { width: 334px; }

form .error { width: 334px; margin-top: -16px; margin-bottom: 24px; color: #dc2626; font-size: 14px; display: flex; flex-direction: row; justify-content: flex-start; column-gap: 4px; }

form .error svg { height: 16px; }

form .error ul { display: inline-block; }

form .error span, form .error ul, form .error li { list-style: none; padding: 0; margin: 0; width: auto; color: #dc2626; }

form button { background: #18181b; border-radius: 6px; border: 1px solid #e4e4e7; font-size: 14px; padding: 8px 16px; line-height: 20px; height: 36px; display: block; color: white; font-weight: 500; font-family: "Geist", sans-serif; width: 334px; margin-bottom: 24px; margin-top: 24px; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; column-gap: 8px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: .15s; }

form button span { color: white; }

form button svg { width: 14px; height: 14px; }

form button:hover { background-color: rgba(24, 24, 27, 0.9); }

form button.completed { background-color: #17a34a; pointer-events: none; }

form #id_password_helptext { display: none; }

form #login_signup { text-align: center; }

form .info_block { margin-bottom: 0; }

form .field_wrapper { display: flex; flex-direction: row; justify-content: space-between; width: 100%; }

form .field_wrapper .field_wrapper_right { font-size: 14px; }

textarea, select, input:not([type='checkbox']) { display: block; width: 334px; border-radius: 6px; border: 1px solid #e4e4e7; color: #09090b; font-size: 14px; font-weight: 400; font-family: "Geist", sans-serif; line-height: 20px; padding-block-end: 4px; padding-block-start: 4px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 24px; padding-inline-start: 12px; }

textarea:focus, textarea:focus-within, textarea:focus-visible, select:focus, select:focus-within, select:focus-visible, input:not([type='checkbox']):focus, input:not([type='checkbox']):focus-within, input:not([type='checkbox']):focus-visible { outline: none !important; border: 1px solid #a0a0a9; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

textarea.disabled, select.disabled, input.disabled { opacity: 0.5; pointer-events: none; user-select: none; }

select, input:not([type='checkbox']) { height: 36px; }

input[type='checkbox'] { display: block; border-radius: 6px; border: 1px solid #e4e4e7; color: #09090b; font-size: 14px; font-weight: 400; line-height: 20px; height: 36px; width: 13px !important; padding-block-end: 4px; padding-block-start: 4px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 24px; padding-inline-start: 12px; }

textarea[disabled], input[disabled] { opacity: 0.7; }

textarea { min-height: 80px; }

.time_input.replaced { display: none !important; }

select.replaced { opacity: 0; width: 0px; height: 0px; pointer-events: none; padding: 0 !important; margin: 0 !important; }

.time_dropdown_wrapper { width: 150px; height: 36px; margin-bottom: 24px; position: relative; }

.time_dropdown_wrapper.active .time_dropdown { visibility: visible; z-index: 99999999999999999999999999999999999999999999999999999999999999999999 !important; }

.time_dropdown_wrapper .time_dropdown { height: 250px; width: 334px; margin: 0; padding: 0; position: absolute; top: 40px; left: 0; visibility: hidden; color: #09090b; border: 1px solid #e4e4e7; border-radius: 8px; background: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner { position: relative; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten { scrollbar-width: thin; overflow: scroll; overflow-x: hidden; margin: 0; padding: 0 4px; cursor: pointer; width: 70px; height: 210px; display: inline-block; position: absolute; top: 20px; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span { display: inline-block; width: 100%; line-height: 36px; padding: 0 15px; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren span:hover, .time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten span:hover { background: #f4f4f5; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .uren { left: 10px; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .minuten { left: 80px; }

.time_dropdown_wrapper .time_dropdown .time_dropdown_inner .tijd_bevestigen.button { position: absolute; top: 107px; right: 18px; width: 150px; margin: 0; font-weight: 400; }