:root{--datepicker-color:#8b4242;--datepicker-button-hover-color:#8b4242EE;--datepicker-background:#fff;--datepicker-days-background:#f7f7f7;--datepicker-today-background:#eec3c347;--datepicker-border-color:grey;--datepicker-shadow-color:#5959597a}.OutSideClick{content:""&quot";position:fixed;width:100%;height:100%;top:0;z-index:1;left:0}.JDatePicker{display:flex;flex-flow:column;flex-wrap:nowrap;direction:rtl;width:300px;min-height:210px;padding:5px;position:fixed;top:calc(50% - 150px);left:calc(50% - 150px);margin-left:auto;margin-right:auto;background:var(--datepicker-background);border-radius:5px;box-shadow:2px 5px 7px 4px var(--datepicker-shadow-color);z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.JDatePicker.ltr{right:unset;left:0}.JDatePicker .JC-HourMinute{display:flex;flex-flow:column;flex-wrap:nowrap;justify-content:center;width:80px}.JDatePicker .JC-Section{display:flex;flex-flow:row;flex-wrap:nowrap;padding:10px 5px}.JDatePicker .JC-Section-Year{background-color:var(--datepicker-color);color:var(--datepicker-background);border-radius:4px}.JDatePicker .JC-Buttons{text-align:center;padding-top:5px}.JDatePicker .JC-Clock{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;direction:ltr;padding:8px;border-bottom:1px solid var(--datepicker-border-color)}.JDatePicker .JC-Nav{display:inline-block;flex-grow:1;text-align:center;cursor:pointer;height:24px;color:var(--datepicker-border-color)}.JDatePicker .JC-Nav-Year{color:var(--datepicker-background)}.JDatePicker .JC-Nav-Hour{border:1px solid var(--datepicker-border-color);border-radius:50%;height:30px;width:30px;margin:auto;display:flex;justify-content:center;align-items:center}.JDatePicker .JC-Title{display:inline-block;flex-grow:3;text-align:center;font-weight:700}.JDatePicker button{font-size:14px;margin:5px;padding:2px 10px;border-radius:5px;cursor:pointer;color:black;background-color:var(--datepicker-background);border:1px solid var(--datepicker-color);width:40%}.JDatePicker button:hover{color:var(--datepicker-background);background-color:var(--datepicker-button-hover-color)}.JDatePicker .MonthPicker{position:absolute;display:flex;flex-wrap:wrap;width:100%;background:var(--datepicker-background);text-align:center;padding:5px;top:26px;border-radius:5px;box-shadow:2px 5px 7px 4px var(--datepicker-shadow-color);z-index:1}.JDatePicker .MonthItems:hover{background:var(--datepicker-today-background);color:black}.JDatePicker .MonthItems.selected{background:var(--datepicker-color);color:var(--datepicker-background)}.JDatePicker .MonthItems{width:32.5%;cursor:pointer;padding:4px 0;border:.3px solid var(--datepicker-border-color)}.JDatePicker .MonthItems,.days-titles div{display:inline-block;text-align:center;font-size:14px}.days-titles div{border-top:1px solid var(--datepicker-border-color);border-bottom:1px solid var(--datepicker-border-color);width:14.28%;font-weight:300}.JDatePicker span:first-child{float:right;width:15%}.JDatePicker .JC-days{position:relative;display:inline-block;background:var(--datepicker-days-background);border-bottom:1px solid var(--datepicker-border-color)}.JDatePicker .JC-days .holder{padding:10px 0;line-height:24px}.JDatePicker .day-items{width:14.28%;float:right;text-align:center;font-weight:400;cursor:pointer;padding-top:4px;border-radius:4px}.JDatePicker .day-items.selected,.JDatePicker .day-items:hover{background-color:var(--datepicker-color);color:var(--datepicker-background)}.JDatePicker .day-items.selected{font-weight:900}.JDatePicker .day-items.today{background-color:var(--datepicker-today-background)}.JDatePicker .day-items.today:hover{background-color:var(--datepicker-color);color:var(--datepicker-background)}:root{--datepicker-icon-button-color:#444;--datepicker-icon-button-background-color:#eee;--datepicker-icon-button-hover-color:#111;--datepicker-icon-button-background-hover-color:#bbb}.date-input-with-dialog-main{margin:0;padding:0;width:100%;min-width:100px;height:100%;min-height:1.6em;position:relative}.date-input-with-dialog-input{width:100%;text-align:right}.date-input-with-dialog-input.ltr{text-align:left}.date-input-with-dialog-input-buttons{display:flex;position:absolute;margin:0;padding:.1em;width:1.3em;max-height:1.3em;text-align:center;align-items:center;border-radius:5px;background-color:var(--datepicker-icon-button-background-color);color:var(--datepicker-icon-button-color);border:thin solid var(--datepicker-icon-button-color);cursor:pointer}.date-input-with-dialog-input-buttons:hover{background-color:var(--datepicker-icon-button-background-hover-color);color:var(--datepicker-icon-button-hover-color);border:thin solid var(--datepicker-icon-button-hover-color)}.date-input-with-dialog-calendar{top:calc(50% - .7em);left:1.5em;box-sizing:border-box}.date-input-with-dialog-calendar.ltr{left:unset;right:1.5em}.date-input-with-dialog-empty{top:calc(50% - .7em);left:0;box-sizing:border-box}.date-input-with-dialog-empty.ltr{left:unset;right:0}