.hwk-course-program-appointment-list details summary span{position:absolute;left:0;top:0;width:15px;height:100%;border-right:solid 1px #fff}.hwk-course-program-appointment-list details .reservation_orange{background:var(--orange)}.hwk-course-program-appointment-list details .reservation_green{background:var(--green)}.hwk-course-program-appointment-list details .reservation_red{background:var(--dangerred)}.hwk-course-program-appointment-list details p span.reservation_orange,.hwk-course-program-appointment-list details p span.reservation_green,.hwk-course-program-appointment-list details p span.reservation_red{padding:5px 20px;margin:20px 0;color:#fff;display:inline-block;border-radius:20px}.hwk-course-program-appointment-list span[itemprop="name"]{font-weight:400}.hwk-course-program-appointment-list details summary:hover{border:1px solid #fff!important}.hwk-course-program-appointment-list details summary::marker{content:''}.hwk-course-program-appointment-list details summary h3{margin-left:20px}.hwk-course-program-appointment-list details[open]{padding:30px 20px 8px 40px!important}.hwk-accordion details[open] summary{border:1px solid #fff!important;margin:-30px -20px 30px -40px}.hwk-course-program-appointment-list details[open] details{padding:0 20px 0 20px!important;margin-bottom:10px}.hwk-course-program-appointment-list details[open] details[open]{padding:30px 20px 8px 20px!important}.hwk-course-program-appointment-list details[open] details summary{margin:0 -20px 0}.hwk-course-program-appointment-list details[open] details[open] summary{margin:-30px -20px 30px}.hwk-course-program-appointment-list details[open] details[open] .map-canvas{box-sizing:border-box;margin-bottom:10px}@media (min-width:768px){.hwk-course-program-appointment-list .btn{float:right;margin:17px 0!important}}