.reactJewishDatePicker{--color:#333;--backgroundColor:#e6e6e6;border:1px solid var(--color);height:25px;z-index:1;position:absolute;width:400px;display:grid;font-family:arial}.reactJewishDatePicker .selectedDay{align-items:center;text-align:right;padding:3px 10px}.reactJewishDatePicker .monthWrapper{border:1px solid #d6d9dd;position:absolute;top:27px;right:0;display:none;box-shadow:0 6px 12px rgba(0,0,0,.175)}.reactJewishDatePicker .monthWrapper.open{display:grid}.reactJewishDatePicker .navigation{display:grid;grid-template-columns:22px 138px 22px;justify-content:space-between;height:22px}.reactJewishDatePicker .navigation .arrowLeft,.reactJewishDatePicker .navigation .arrowRight{display:grid;align-items:center;justify-content:center}.reactJewishDatePicker .navigation .arrowLeft span,.reactJewishDatePicker .navigation .arrowRight span{border:solid #000;border-width:0 2px 2px 0;padding:1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);cursor:pointer;width:6px;height:6px}.reactJewishDatePicker .navigation .arrowLeft:hover,.reactJewishDatePicker .navigation .arrowRight:hover{background-color:var(--backgroundColor)}.reactJewishDatePicker .navigation .arrowLeft span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.reactJewishDatePicker .navigation .monthYearSelection{display:grid;grid-template-columns:auto auto}.reactJewishDatePicker .navigation .monthYearSelection select{border:0;outline:0}.reactJewishDatePicker .navigation .monthYearSelection select:hover{cursor:pointer;background-color:var(--backgroundColor)}.reactJewishDatePicker .navigation .monthYearSelection option{background-color:#fff}.reactJewishDatePicker .month{color:var(--color);grid-template-columns:repeat(7,1fr);z-index:2;background-color:#fff;display:grid;width:250px;height:210px}.reactJewishDatePicker .day,.reactJewishDatePicker .weekday{display:grid;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:7px;cursor:pointer}.reactJewishDatePicker .day:hover{background-color:var(--backgroundColor)}.reactJewishDatePicker .weekday{color:#000;font-weight:700}.reactJewishDatePicker .otherMonth{background:#fff;color:#777}.reactJewishDatePicker .selectedDayFlag{background:#6495ed;color:#fff}.ReactJewishDatePickerExample{position:relative;top:50px;font-weight:700}
/*# sourceMappingURL=main.50c6e44c.chunk.css.map */