.loader{border:6px solid #f3f3f3;border-top:6px solid rgb(40,44,76);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Opties_berekenen{text-align:center}.loading-icon{width:60px;height:60px;margin:0 auto}.loading-title{font-size:24px;font-weight:700;color:#222}.loading-text{font-size:18px;color:#555;max-width:400px;margin:0 auto}#straat-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;z-index:10;list-style:none;margin:0;padding:0;overflow-y:auto;max-height:200px}#straat-suggestions li{padding:5px 10px;cursor:pointer}#straat-suggestions li:hover{background-color:#e1e1eb}.calendar-container{background:#fff;border:1px solid #ddd;padding:10px 10px 20px;width:100%;border-radius:.75rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;padding:10px;border-radius:.75rem .75rem 0 0}.calendar-days-bar{display:grid;grid-template-columns:repeat(7,1fr);padding:5px 0;text-align:center;font-weight:700}.days_hr{margin:0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:10px;text-align:center}.calendar-day{padding:10px;border:1px solid #ddd;cursor:pointer;transition:background .3s;border-radius:50%}.calendar-day:hover{background:beige;color:#000}.calendar-day.selected{background:#28a745;color:#fff}.prev,.next{cursor:pointer}.custom_date_select{max-width:25%}.timeslot_suggest_container{margin-top:1.5rem;padding:1.25rem 1.5rem;border-radius:.75rem;background:#fff;border:1px solid #e5e7eb}.timeslot_suggest_container .invalid,.timeslot_suggest_container .again_fil{font-size:.9rem;margin-bottom:.5rem;color:#dc2626}.timeslot-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.timeslot-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.timeslot-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn-timeslot.btn-optimal-date-timeslot{width:100%;display:flex;flex-direction:column;text-align:left;gap:8px;padding:20px 24px;border-radius:1rem;border:2px solid #282c4c;background:#fff;font-size:1.4rem;font-weight:600;color:#0e1b4d;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 2px 5px #00000014}.btn-timeslot.btn-optimal-date-timeslot:hover{background:#e68f5d;border-color:#e68f5d;color:#fff}.btn-timeslot.btn-optimal-date-timeslot:hover .padtxxs{color:#fff!important}.btn-timeslot.btn-optimal-date-timeslot .padtxxs{font-size:1.25rem;color:#4b5563;transition:color .2s ease}.btn-timeslot.btn-optimal-date-timeslot.selected{background:#0e1b4d;border-color:#0e1b4d;color:#eff0f5}.btn-timeslot.btn-optimal-date-timeslot.selected .padtxxs{color:#eff0f5}.btn-timeslot.btn-optimal-date-timeslot.green-choice{border-color:#16a34a;background-color:#ecfdf3}.btn-timeslot.btn-optimal-date-timeslot.green-choice:hover{background-color:#16a34a;border-color:#16a34a;color:#fff}.btn-timeslot.btn-optimal-date-timeslot.green-choice:hover .padtxxs{color:#fff!important}.btn-timeslot .green-choice-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:1.15rem;font-weight:600;background-color:#bbf7d0;color:#166534;margin-bottom:4px}.btn-timeslot .green-choice-badge svg{width:18px;height:18px}.booking-form .btn.btn-timeslot{height:auto;min-height:0}.booking-form .timeslot_suggest_container{padding:2rem 2.25rem;margin-top:2rem}.booking-form .timeslot_suggest_container .timeslot-container{margin-bottom:1.5rem}.confirm_appointment,.custom_confirm_appointment{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1000;padding:10px;border-radius:.75rem}.selecteslot{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 10px;border-radius:.75rem}.selectedslot{background-color:#fff;border-radius:.75rem;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.date_time{display:flex;gap:10px;font-size:18px;font-weight:600}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;transform:translateY(-1px);font-size:12px;font-weight:600;border-radius:50%;border:1.4px solid #5a5a5a;color:#5a5a5a;cursor:pointer;position:relative;z-index:50}.info-tooltip{position:absolute;left:50%;bottom:130%;transform:translate(-50%);width:min(90vw,520px);max-width:520px;padding:16px 20px;font-size:14px;line-height:1.5;font-weight:500;color:#fff;background:#000;border-radius:.75rem;box-shadow:0 4px 16px #00000040;opacity:0;visibility:hidden;pointer-events:none;z-index:9999}.info-tooltip p{margin:0 0 .5rem}.info-tooltip p:last-child{margin-bottom:0}.info-tooltip:before{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border-width:7px;border-style:solid;border-color:#000000 transparent transparent transparent}.info-icon:hover .info-tooltip,.info-icon:focus-visible .info-tooltip{opacity:1;visibility:visible}.superscript-asterisk{position:relative}.superscript-asterisk:after{content:"*";position:absolute;top:-.1em;font-size:1.4em;color:#e68f5d}.form-group{position:relative}.form-group .error-message{position:static;margin-top:6px;font-size:14px;color:#dc2626}.form-group.valid:after{content:"\2714";position:absolute;right:12px;top:58px;transform:translateY(-50%);font-size:18px;color:#28a745;font-weight:700;pointer-events:none}.form-group.invalid:after{content:"\2716";position:absolute;right:12px;top:58px;transform:translateY(-50%);font-size:18px;color:#dc2626;font-weight:700;pointer-events:none}.form-group.invalid .form-control{border-color:#dc2626!important;border-width:2px}.form-group.valid .form-control{border-color:#28a745!important;border-width:2px}.form-group.invalid .form-control:focus{box-shadow:none!important}.form-group.form-group--textarea.valid:after,.form-group.form-group--textarea.invalid:after{top:140px;transform:translateY(-50%)}.form-group.invalid input,.form-group.invalid select,.form-group.invalid textarea{border-color:#dc2626!important}.form-group.valid input,.form-group.valid select,.form-group.valid textarea{border-color:#28a745!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group.invalid #interests-toggle{border-color:#dc2626!important}.form-group.valid #interests-toggle{border-color:#28a745!important}.form-group.invalid input,.form-group.invalid select,.form-group.invalid textarea,.form-group.valid input,.form-group.valid select,.form-group.valid textarea{padding-right:2.5rem}.progress-fill{display:block!important}@media (max-width: 640px){.loading-title{font-size:20px}.loading-text{font-size:16px;padding:0 8px}.calendar-header{font-size:16px;padding:8px}.calendar-day{padding:8px}.btn-timeslot.btn-optimal-date-timeslot{padding:16px 18px;font-size:1.4rem}.btn-timeslot.btn-optimal-date-timeslot .padtxxs{font-size:1.25rem}.btn-timeslot .green-choice-badge{font-size:1.15rem}.date_time{flex-direction:column;align-items:center;text-align:center;font-size:16px}.selectedslot{padding:12px}.info-tooltip{width:min(94vw,480px);padding:14px 16px}.custom_date_select{max-width:100%}.info-tooltip{position:fixed;bottom:calc(100% + 10px);transform:translate(-50%);inset-inline:calc(100% + 20px);margin-inline:auto;max-width:calc(100vw - 24px)}}@media (min-width: 768px){.selectedslot{padding:18px}.date_time{font-size:18px}}.booking-form .form-group{width:100%;max-width:none;display:block}.form-group{max-width:none!important}.step1-grid{display:grid;grid-template-columns:1fr;gap:.75rem;width:100%}@media (min-width: 768px){.step1-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#interests-panel{top:auto!important;bottom:calc(100% + 8px)!important;z-index:99999;border:2px solid #282c4c;border-radius:.75rem}#interests-panel>div{display:flex;flex-direction:column;gap:.4rem}#interests-panel label{display:block;align-items:center;padding:.4rem .8rem;margin:0}#interests-panel label span{margin-left:.4rem}.form-group>*+*{margin-inline-start:0}.booking-form button.btn.btn--secondary,.booking-form a.btn.btn--secondary{margin-top:1.25rem}.booking-form button.btn.btn--primary,.booking-form a.btn.btn--primary{margin-top:1.75rem}#interests-toggle.btn.btn--primary{margin-top:0!important}.booking-form .hidden{display:none!important}#interests-dropdown .btn.btn--primary{--color-button: 230,143,93;--color-button-text: 255,255,255;--color-primary-button: 237,237,237;--color-primary-button-text: 40,44,76;background-color:rgb(var(--color-primary-button));color:rgb(var(--color-primary-button-text));border:none;transition:all .25s ease-in-out}#interests-dropdown .btn.btn--primary:hover{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}#interests-dropdown .btn.btn--primary:before{background-color:rgb(var(--color-button))!important}
/*# sourceMappingURL=/cdn/shop/t/20/assets/booking-form.css.map */