#modalAppointment .modal-content{box-shadow:-7px .5rem .3rem #00000026}#modalAppointment .modal-header{border-bottom:none;position:relative}#modalAppointment .modal-title{padding-left:2rem;padding-right:2rem}#modalAppointment .modal-header:after{background-color:var(--brand-red);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:20%}.modal-backdrop{background-color:#00000080}#modalAppointment h5{font-size:calc(.8rem + .4vw);text-align:center}#modalAppointment .summary{position:relative}#modalAppointment .summary:after{background-color:var(--brand-dark);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:40%}#modalAppointment .appointment_day{font-size:.8em}#modalAppointment .appointment_hour{font-size:.7em}#modalAppointment .modal-footer{border-top:none;position:relative}#modalAppointment .modal-footer:before{background-color:var(--brand-dark);top:0;content:"";height:1px;left:50%;position:absolute;transform:translate(-50%);width:40%}#modalAppointment .thm-form-container{margin:0 auto;max-width:600px}#modalAppointment textarea{max-height:70px}#modalAppointment a,#modalAppointment .btn-link{color:var(--brand-red)}#modalAppointment .modalhour{background-color:#ececec;padding:8px 5px;border-radius:5px;cursor:pointer;margin-right:5px;width:60px}#modalAppointment .modalhourselected{background-color:#c7edfc}#modalAppointment .calendar{width:100%;max-width:600px;margin:20px auto}#modalAppointment .week-navigation{background:none;border:none;font-size:20px;cursor:pointer;margin-top:25px}#modalAppointment .daysrdv,#modalAppointment .days{display:flex;justify-content:space-between}#modalAppointment .day{min-width:80px;width:13%;text-align:center}#modalAppointment .day-header{margin-bottom:5px;font-size:14px}#modalAppointment .day-slots{display:flex;flex-direction:column}#modalAppointment .slot{background-color:#eee;height:34px;line-height:34px;margin:5px 2px;position:relative;text-align:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none;border-radius:4px;cursor:pointer;font-size:14px}#modalAppointment .slot:hover{background-color:#ddd}#modalAppointment .no-slot{color:#ccc;background-color:none;font-weight:700;height:34px;line-height:34px;margin:5px 2px;position:relative;text-align:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none;border-radius:4px;font-size:14px}#modalAppointment .slot-selected{background-color:var(--brand-red);color:#fff;font-weight:500}#modalAppointment .slot-selected:hover{background-color:var(--brand-red)}#modalAppointment .hidden{display:none}#modalAppointment .more-slots{text-align:center;margin-top:10px}#modalAppointment .more-slots button{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;font-size:15px}#modalAppointment .info{margin-top:15px;font-size:14px}#modalAppointment .dot{height:8px;width:8px;background-color:#007bff;border-radius:50%;display:inline-block;margin-right:5px}#modalAppointment .slot.has-replacement:before{content:"";height:8px;width:8px;background-color:#007bff;border-radius:50%;display:inline-block;position:absolute;left:-10px;top:50%;transform:translateY(-50%)}#modalAppointment .prev-week:not(disabled){color:#5ab0f2;font-weight:700}#modalAppointment .next-week:not(disabled){color:#5ab0f2;font-weight:700}#modalAppointment .prev-week:disabled{color:#ececec;font-weight:700}#modalAppointment .next-week:disabled{color:#ececec;font-weight:700}@media (min-width: 576px){#modalAppointment .modal-title{padding-left:0;padding-right:0}}