.nowag-booking-content .nowag-calendar-box{width:100%;display:flex;flex-direction:column;gap:20px}#week-info{font-weight:700;text-align:center}#pager{display:flex;justify-content:center;gap:20px;width:100%}#pager button{background:#fff;color:var(--nowag-button-color)}#pager button:hover{color:#fff;background:var(--nowag-button-color)}#week-table-container{width:100%}#validationMessage{color:red;display:none}#week-info{display:flex;align-items:center}.nowag-calendar-box{display:flex;flex-direction:column;align-items:center}.nowag-calendar-box .month-year{font-size:1.5em;margin-bottom:10px}.nowag-calendar-box .days-row,.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:100%;max-width:350px}.nowag-calendar-box .day{text-align:center;padding:10px;background-color:#f0f0f0;border-radius:4px}.nowag-calendar-box .day.empty{background-color:transparent}.nowag-calendar-box .day.selected{background-color:#28a745;color:#fff}.nowag-calendar-box table.week-table{width:100%;border-collapse:collapse;margin-top:20px}.nowag-calendar-box table.week-table th,table.week-table td{border:1px solid #b3b3b37d;padding:8px;text-align:center}.nowag-calendar-box table.week-table th{background-color:#f4f4f4}.nowag-calendar-box .time-slot{cursor:pointer;background:var(--nowag-calendar-appointment-unavailable-color);height:40px;vertical-align:middle}.nowag-calendar-box .time-slot.available{background-color:var(--nowag-calendar-appointment-available-color);transition:background-color 0.3s linear,color 0.3s linear;cursor:pointer}.nowag-calendar-box .time-slot.available:hover,.nowag-calendar-box .time-slot.selected{background-color:var(--nowag-calendar-appointment-selected-color);color:#fff}.nowag-calendar-box .time-slot.selected:hover{background-color:var(--nowag-calendar-appointment-selected-color)}