.react-calendar{background:#fff;border:none;width:100%;max-width:100%;padding:1rem;font-family:Tajawal,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:500%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar__navigation{height:44px;margin-bottom:1.5rem;display:flex}.react-calendar__navigation button{color:#1a202c;background:0 0;border-radius:8px;min-width:44px;font-family:inherit;font-size:1.2rem;font-weight:700}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#f8fafc}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;color:#0f172a;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em 0;overflow:visible}.react-calendar__month-view__weekdays__weekday abbr{cursor:default;white-space:nowrap;border-bottom:none;width:100%;text-decoration:none;display:block;overflow:visible}.react-calendar__month-view__weekNumbers .react-calendar__tile{justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__tile{text-align:center;color:#1e293b;background:0 0;border-radius:8px;max-width:100%;margin-bottom:4px;padding:1.2rem .2rem;font-size:1rem;line-height:16px;transition:all .2s}.react-calendar__tile:disabled{color:#ccc;cursor:not-allowed;background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e2e8f0}.react-calendar__tile--now{color:#0f172a;background:#f1f5f9;border:1px solid #c8a14b;font-weight:700}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#e2e8f0}.react-calendar__tile--hasActive{background:#c8a14b}.react-calendar__tile--active{font-weight:700;box-shadow:0 4px 6px -1px #c8a14b4d;color:#fff!important;background:#c8a14b!important}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#b08d3f}[dir=rtl] .react-calendar__navigation__prev-button,[dir=rtl] .react-calendar__navigation__prev2-button,[dir=rtl] .react-calendar__navigation__next-button,[dir=rtl] .react-calendar__navigation__next2-button{transform:rotate(180deg)}