.dateField{--combobox-midGrey:#777;--combobox-lightGrey2:#e0e0e0;--datepicker-lmGrey:#bdbdbd;--datepicker-darkGrey:#49182e;--datepicker-mmGrey:#c2c2c2;--datepicket-dGrey:#3d4043;--globalWhite:#000;--elementBlack:#fff;--bodyText:#262626;--whatsock-blue:#63b7c2;--whatsock-red:#c13836;--datepicker-pink:#db7093;--datepicker-dayInMonth:#e6e6e6;--datepicker-day:#ff4801;position:relative}.dateField .dateField--flex-item{display:flex;align-items:center;position:relative}#datepicker-demo{background:var(--combobox-lightGrey2);padding:1em;margin:1em 0 2em}#datepicker-demo em{display:block;font-size:90%}a.accCalendar{display:inline-block;background:transparent}div.calendar{text-align:center;color:var(--globalWhite);background:var(--elementBlack);padding:32px;border-radius:32px;border:1px solid #4d4d4d;position:absolute;left:0;margin-left:12px;top:56px;z-index:11}@media screen and (min-width:768px){div.calendar{left:100%;top:0}}table.calendar{border-collapse:separate;border-spacing:1px}table.calendar td,table.calendar th{padding:.3em .5em;border-radius:.15em}td.empty{background:hsla(0,0%,100%,.07)}td.day{text-shadow:0 1px 0 hsla(0,0%,100%,.5);border:1px solid #4d4d4d}td.day,td.dayToday{color:var(--bodyText)}td.dayToday{background:var(--datepicker-pink)}td.dayInNextMonth,td.dayInPrevMonth{color:var(--bodyText);background:var(--datepicker-dayInMonth)}td.day:hover,td[aria-current=date]{background:var(--datepicker-day)}div.calendar :focus,div.commentAdd :focus{outline:var(--whatsock-red) 3px solid}td.month{font-weight:600;color:var(--whatsock-blue);text-shadow:0 1px 0 var(--bodyText)}td.comment{position:relative}td.comment span:after{display:block;position:absolute;width:7px;height:7px;top:.2em;right:.2em;content:"";background:var(--datepicker-darkGrey);border-radius:7px}td.comment.selected{background:var(--datepicker-day)}td.disabled,td.disabled:hover{color:var(--datepicker-darkGrey);background:var(--datepicker-lmGrey)}td.disabled.selected{background:var(--datepicker-mmGrey)}div.commentTooltip{width:271px;padding:.5em;color:var(--globalWhite);background:var(--datepicket-dGrey);font-size:.8em;font-weight:700;max-height:50px;overflow-x:hidden;overflow-y:auto;word-wrap:break-word;text-align:left}div.commentAdd{background:var(--elementBlack);border-radius:.3em;top:22.9em;z-index:10}div.commentAdd button{text-transform:uppercase;color:var(--globalWhite);background:var(--elementBlack);padding:.5em;margin-top:-5px;border:none;border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;box-shadow:0 10px 6px -6px var(--combobox-midGrey)}div.commentAdd textarea{width:270px;height:2em;overflow:auto;word-wrap:break-word;text-align:left;padding:.2em;margin:.5em .5em 0}div.monthMessage{padding-top:.5em}div.monthMessage p{font-size:.8rem;margin-bottom:0}select.nav.current.select.year,span.nav.current.btn.year{color:var(--globalWhite);background-color:var(--button-blueGrey);border:none;border-radius:2px;padding:3px 32px}span.nav.current.btn.year{cursor:pointer}span.nav.current.btn.year[hidden]{display:none}span.nav.current.btn.year:focus,span.nav.current.btn.year:hover{color:var(--globalWhite);background-color:var(--whatsock-red);box-shadow:none;border-radius:0}select.nav.current.select.month{padding:3px 32px}select.nav.current.select.month,span.nav.current.btn.month{color:var(--globalWhite);background-color:var(--button-blueGrey);border:none}span.nav.current.btn.month{padding:3px 5px;box-shadow:0 1px 2px rgba(0,0,0,.7);border-radius:2px;cursor:pointer}span.nav.current.btn.month[hidden]{display:none}span.nav.current.btn.month:focus,span.nav.current.btn.month:hover{color:var(--globalWhite);background-color:var(--whatsock-red);box-shadow:none;border-radius:0}td.nav.btn.month,td.nav.btn.year{background:#fff;border:none;color:#000;padding:7.2px}