.reactJewishDatePicker{--color:#333;--backgroundColor:#e6e6e6;position:relative;display:grid;font-family:arial;margin-bottom:5px;cursor:pointer}.reactJewishDatePicker .selectedDate{padding:2px 15px 2px 5px;border:1px solid var(--color);border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:20px;text-align:center;position:relative;font-size:smaller}.reactJewishDatePicker .calendarIcon{font-size:16px;position:absolute;right:5px;top:4px}.reactJewishDatePicker .monthWrapper{background-color:#fff;border:1px solid #d6d9dd;border-radius:5px;position:absolute;top:32px;z-index:1;display:grid;transform:scaleY(0);transform-origin:top;transition:transform .26s ease;transition:max-height .5s ease-out;box-shadow:0 6px 12px #0000002d;transition:all .4s ease-in-out}.reactJewishDatePicker .monthWrapper.open{transform:scaleY(1)}.reactJewishDatePicker.isHebrew{direction:rtl}.reactJewishDatePicker.isHebrew .startDay{background:#6495ed;border-radius:0 7px 7px 0;color:#fff;margin:1px 0}.reactJewishDatePicker.isHebrew .endDay{background:#6495ed;border-radius:7px 0 0 7px;color:#fff;margin:1px 0}.reactJewishDatePicker.isHebrew .day,.reactJewishDatePicker.isHebrew .weekday{font-size:16px;padding:0}.reactJewishDatePicker .navigation{display:grid;grid-template-columns:22px 138px 22px;justify-content:space-between;height:22px;padding:5px}.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.isHebrew .navigation .arrowLeft span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.reactJewishDatePicker.isHebrew .navigation .arrowRight span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.reactJewishDatePicker .month{color:var(--color);grid-template-columns:repeat(7,1fr);z-index:2;background-color:#fff;display:grid;width:250px;height:180px;border-radius:5px;padding:2px;text-align:center}.reactJewishDatePicker .weekdayWrapper{display:grid;grid-template-columns:repeat(7,1fr);background-color:#001476;padding:2px}.reactJewishDatePicker .day,.reactJewishDatePicker .weekday{display:grid;margin:1px;padding:1px 1px 0 0;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:7px;cursor:pointer;font-size:14px}.reactJewishDatePicker .day:hover{background-color:var(--backgroundColor)}.reactJewishDatePicker .weekday{color:#fff;font-weight:700}.reactJewishDatePicker .otherMonth{background:#fff;color:#777}.reactJewishDatePicker .selectedDay{background:#6495ed;color:#fff}.reactJewishDatePicker .startDay{background:#6495ed;border-radius:7px 0 0 7px;color:#fff;margin:1px 0}.reactJewishDatePicker .isInRange{background-color:#91b6fa;color:#fff;border-radius:0;margin:1px 0}.reactJewishDatePicker .endDay{background:#6495ed;border-radius:0 7px 7px 0;color:#fff;margin:1px 0}.reactJewishDatePicker .endDay:hover,.reactJewishDatePicker .isInRange:hover,.reactJewishDatePicker .startDay:hover{background:#6495ed}.reactJewishDatePicker .noSelect{cursor:not-allowed!important;background-color:#f3f3f3}.reactJewishDatePicker .noSelect:hover{background-color:#f3f3f3}.reactJewishDatePicker .noSelect:active{pointer-events:none}