.bn-appointments-app{all:initial;font-family:Roboto,Arial,sans-serif;display:block;margin:0;padding:0;box-sizing:border-box}.bn-appointments-app *{box-sizing:inherit}.bn-appointments-app .bn-appointments-container{padding:20px;background-color:#f9fafb;min-height:600px;display:flex;flex-direction:column;width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.bn-appointments-app .app-container{width:100%;margin:0 auto 20px;display:flex;flex-direction:row;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000001a;overflow:visible;height:550px}.bn-appointments-app .confirm-container{width:100%;margin:0 auto 20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:20px}.bn-appointments-app .time-slots-container{flex:.35;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 20px;overflow-y:auto;max-height:550px}.bn-appointments-app .time-slots-container .MuiBox-root{flex:1;max-height:490px;overflow-y:auto;width:100%}.bn-appointments-app .calendar-container,.bn-appointments-app .time-slots-container{padding:10px}.bn-appointments-app .calendar-container{flex:.65;display:flex;flex-direction:column;align-items:center;overflow:visible}.bn-appointments-app h4{font-size:24px;font-weight:700;text-align:center;margin-bottom:16px;color:#333}.bn-appointments-app h6{font-size:16px;font-weight:700;color:#419bc0;text-align:center;margin-bottom:4px}.bn-appointments-app .calendar-container hr,.bn-appointments-app .time-slots-container hr{width:80%;border:0;border-top:1px solid #90c2e0;margin-bottom:12px}.bn-appointments-app .custom-calendar-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}.bn-appointments-app .custom-calendar-header .month-title{font-size:18px;font-weight:500;color:#333}.bn-appointments-app .custom-calendar-header .chevron{cursor:pointer;font-size:24px;color:#419bc0;transition:color .2s ease-in-out}.bn-appointments-app .custom-calendar-header .chevron:hover{color:#2e6e8e}.bn-appointments-app .time-slot-button{transition:width .2s ease-in-out;height:40px;width:100%}.bn-appointments-app .next-button-container{display:flex;align-items:center;gap:8px;margin-bottom:8px;width:100%;justify-content:center}.bn-appointments-app .next-button{background-color:#419bc0;color:#fff;height:40px;padding:0 16px;border-radius:8px;font-weight:700;transition:background-color .2s ease-in-out;width:100%}.bn-appointments-app .next-button:hover{background-color:#2e6e8e}.bn-appointments-app .MuiDateCalendar-root{width:100%!important;height:auto!important;max-height:none!important;min-height:550px}.bn-appointments-app .MuiPickersCalendarHeader-root{display:none}.bn-appointments-app .MuiDayCalendar-slideTransition{min-height:550px}.bn-appointments-app .custom-day{width:50px;height:50px;font-size:18px;margin:4px}.bn-appointments-app .MuiDayCalendar-weekDayLabel{width:50px;font-size:18px;margin:4px}.bn-appointments-app .confirm-heading{font-size:24px;font-weight:700;text-align:center;margin-bottom:1.5rem}.bn-appointments-app .confirm-info{margin-bottom:1rem;text-align:center;padding:8px 0}.bn-appointments-app .confirm-details{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.bn-appointments-app .confirm-detail{color:#555;font-size:16px;display:flex;align-items:center;gap:8px}.bn-appointments-app .confirm-detail strong{color:#419bc0;font-weight:700;margin-right:5px}.bn-appointments-app .confirm-form{max-width:600px;margin:0 auto;padding:0}.bn-appointments-app .confirm-form-fields{display:grid;gap:1rem}.bn-appointments-app .confirm-form-fields .MuiInputBase-root{height:50px}.bn-appointments-app .confirm-form-fields .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#419bc0}.bn-appointments-app .confirm-form-fields .MuiInputLabel-outlined{transform:translate(14px,18px) scale(1);top:-6px;color:#666}.bn-appointments-app .confirm-form-fields .MuiInputLabel-outlined.MuiInputLabel-shrink{transform:translate(14px,-6px) scale(.75);top:0;color:#333}.bn-appointments-app .confirm-form-fields .MuiRadio-root.Mui-checked{color:#419bc0}.bn-appointments-app .confirm-buttons{display:flex;justify-content:center;margin-top:1.5rem;gap:1rem}.bn-appointments-app .confirm-buttons .MuiButton-root{border-radius:4px;height:50px;width:180px;font-weight:700;padding:6px 16px;text-transform:none}.bn-appointments-app .confirm-buttons .MuiButton-outlined{color:#419bc0;border-color:#419bc0}.bn-appointments-app .confirm-buttons .MuiButton-contained{background-color:#419bc0}.bn-appointments-app .confirm-buttons .MuiButton-contained:hover{background-color:#2e6e8e}@media (max-width: 960px){.bn-appointments-app .app-container,.bn-appointments-app .confirm-container{flex-direction:column;min-height:auto;max-height:none;height:auto}.bn-appointments-app .calendar-container,.bn-appointments-app .time-slots-container{flex:none;width:100%;border:none;border-bottom:1px solid #e0e0e0;padding:10px;max-height:none}.bn-appointments-app .bn-appointments-container{padding:10px;min-height:auto}.bn-appointments-app .time-slot-button{width:100%}.bn-appointments-app .next-button-container{flex-direction:column;width:100%;gap:4px}.bn-appointments-app .next-button{width:100%}.bn-appointments-app .confirm-buttons{flex-direction:column;gap:1rem}.bn-appointments-app .confirm-details{flex-direction:column;align-items:center}.bn-appointments-app .custom-day,.bn-appointments-app .MuiDayCalendar-weekDayLabel{width:40px;height:40px;font-size:16px;margin:2px}.bn-appointments-app .calendar-container{padding:5px;min-height:300px}.bn-appointments-app .MuiDateCalendar-root{min-height:300px;height:auto}.bn-appointments-app .MuiDayCalendar-slideTransition{min-height:250px;height:auto}}.bn-appointments-app .ellipsis-animation span{display:inline-block;animation:ellipsis 1.5s infinite}.bn-appointments-app .ellipsis-animation span:nth-child(2){animation-delay:.2s}.bn-appointments-app .ellipsis-animation span:nth-child(3){animation-delay:.4s}@keyframes ellipsis{0%{opacity:1}50%{opacity:.3}to{opacity:1}}