@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,700&display=swap");.dateTimePicker{position:absolute;width:350px;top:inherit;display:none;padding:0px;z-index:999;border:1px solid #a3a3a3;background:#ebeff3;box-shadow:2px 2px #8aa5df}.dateTimePicker .dateTimePickerClose{float:right;margin-top:-20px;margin-right:-14px;color:#900;cursor:pointer;font-size:20px;line-height:16px;transition:transform .1s;background-color:#FFF;border-radius:4px;padding:0px 5px 3px 5px}.dateTimePicker .dateTimePickerClose:hover{transform:scale(1.5);background-color:#900;color:#FFF}.dateTimePicker .dateTimePickerTop{display:grid;grid-template-columns:20px 1fr 20px;background-color:#e6e6e6;color:#000;text-align:center;padding:5px 0px}.dateTimePicker .dateTimePickerTop .dateTimePickerPreviousMonth{transition:transform .1s;border-radius:4px;font-size:20px;line-height:14px;cursor:pointer;padding:3px 3px 3px 3px}.dateTimePicker .dateTimePickerTop .dateTimePickerPreviousMonth:hover{color:#3a67c9;transform:scale(1.5);background-color:#3a67c9;color:#FFF}.dateTimePicker .dateTimePickerTop .dateTimePickerDisplayMonth{font-size:20px;line-height:20px}.dateTimePicker .dateTimePickerTop .dateTimePickerNextMonth{transition:transform .1s;border-radius:4px;font-size:20px;line-height:14px;cursor:pointer;padding:3px 3px 3px 3px}.dateTimePicker .dateTimePickerTop .dateTimePickerNextMonth:hover{color:#3a67c9;transform:scale(1.5);background-color:#3a67c9;color:#FFF}.dateTimePicker .dateTimePickerDays{display:grid;grid-template-rows:repeat(auto, minmax(20px, 1fr));grid-template-columns:repeat(7, minmax(20px, 1fr));grid-gap:0px}.dateTimePicker .dateTimePickerDays .dateTimePickerDayTitle{background-color:#ebebeb;color:#000;padding:5px 0px;font-size:12px}.dateTimePicker .dateTimePickerDays .dateTimePickerDay{background-color:#eeeeee;color:#999;padding:3px 0px}.dateTimePicker .dateTimePickerDays .dateTimePickerDay:hover{cursor:default}.dateTimePicker .dateTimePickerDays .selecteddateTimePickerDay{background-color:#eeeeee;border:1px solid #eeeeee;cursor:pointer;color:#000}.dateTimePicker .dateTimePickerDays .selecteddateTimePickerDay .dateTimePickerDayNumber{padding:3px 0px}.dateTimePicker .dateTimePickerDays .selecteddateTimePickerDay:hover{background-color:#3a67c9;color:#FFF}.dateTimePicker .dateTimePickerDays .currentDateTimePickerDay{background-color:#223E7B;color:#FFF}.timePickerContainer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;padding-top:8px 0px}.timePickerContainer .timePickerButton{padding:5px 10px;color:#FFF;background-color:#223E7B;margin:5px;border-radius:8px;border:none;font-size:16px;cursor:pointer}.timePickerContainer .timePickerButton:hover{transform:translateY(-1px);box-shadow:0 1px 2px 0 rgba(0,0,200,0.4),0 1px 2px 0 rgba(0,0,200,0.4)}.timePickerContainer .timePickerDD{padding:5px;margin:5px}.timePickerContainer .timePickerHour{text-align:center}.timePickerContainer .timePickerMinute{text-align:center}.timePickerContainer .timePickerAMPM{text-align:center}.calendarDiv{margin:0px;padding:0px}.calendarDiv .calendarTop{display:grid;grid-template-columns:2fr 5fr 2fr;color:#000;text-align:center;padding:0px}.calendarDiv .calendarTop .calendarPreviousMonth,.calendarDiv .calendarTop .calendarNextMonth{display:grid;align-items:center;justify-items:center;transition:transform .1s;border-radius:4px;font-size:32px;line-height:14px;cursor:pointer;padding:3px 3px 3px 3px}.calendarDiv .calendarTop .calendarPreviousMonth:hover,.calendarDiv .calendarTop .calendarNextMonth:hover{transform:scale(1.5)}.calendarDiv .calendarTop .calendarDisplayMonth{text-align:center;font-size:32px}.calendarDiv .calendarTop .calendarDisplayMonth:hover{cursor:pointer}.calendarDiv .calendarDays{display:grid;grid-template-rows:repeat(auto, minmax(20px, 1fr));grid-template-columns:repeat(7, minmax(20px, 1fr));grid-gap:1px;background-color:#DDD}.calendarDiv .calendarDays .calendarDayTitle{font-size:18px;background-color:#FFF;color:#000;padding:5px 0px;text-align:center;border-bottom:1px solid #DDD}.calendarDiv .calendarDays .calendarDay{background-color:#FFF;color:#555;padding:0px;height:100px}.calendarDiv .calendarDays .calendarDay .calendarDayTop{display:grid;grid-template-columns:1fr 5fr;padding-left:3px;padding-top:3px}.calendarDiv .calendarDays .calendarDay .calendarDayTop .calendarDayNumberGrid{padding:3px}.calendarDiv .calendarDays .calendarDay .calendarDayTop .calendarDayNumber{display:inline-block;font-size:12px;text-align:left;border-bottom:1px solid #DDD;padding-right:0.2vw}.calendarDiv .calendarDays .calendarDay .calendarDayTop .calendarDayToolbar{text-align:right;margin-top:0vh}.calendarDiv .calendarDays .calendarDay .calendarDayTop .calendarDayToolbar .menu{color:#999;font-size:1.5vw;font-weight:600;display:inline-block;transition:0.2s;opacity:0;padding-right:0.5vh;position:relative}.calendarDiv .calendarDays .calendarDay .calendarDayTop .calendarDayToolbar .menu:hover{cursor:pointer;color:#223E7B}.calendarDiv .calendarDays .calendarDay:hover{cursor:default;border:1px solid #CCC}.calendarDiv .calendarDays .calendarDay:hover .calendarDayTop .calendarDayNumberGrid{padding-top:1px}.calendarDiv .calendarDays .calendarDay:hover .calendarDayTop .calendarDayToolbar .menu{opacity:1}.calendarDiv .calendarDays .notThisMonth{background-color:#F9F9F9}.calendarDiv .calendarDays .today{background-color:#d0ffd2}.calendarDiv .calendarDays .today .calendarDayTop .calendarDayNumber{color:#080;border-color:#080}.calendarDiv .calendarDays .calendarDayToday .calendarDayTop .calendarDayNumber{border-bottom:1px solid #080;color:#080}.calEvent{background-color:#223E7B;border-radius:4px;padding:0 0.2vw;margin:0.1vw}.calEvent .eventTime{display:inline-block;font-size:14px;font-weight:400;color:#EEE;line-height:14px}.calEvent .eventTitle{display:inline-block;font-size:14px;font-weight:500;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px;max-width:100%}.calEvent:hover{background-color:#86A3BE}