/* Shared jQuery UI calendar theme for public, customer and administrator forms. */
.zd-datepicker, .zd-datepicker * { box-sizing: border-box; }
.zd-datepicker { width: 310px; max-width: calc(100vw - 24px); padding: 14px; border: 1px solid var(--zd-border, #e4edf5); border-radius: 16px; background: #fff; box-shadow: 0 16px 40px #121c5526; color: var(--zd-navy, #121c55); font: 14px Arial, Helvetica, sans-serif; z-index: 1060 !important; }
.zd-datepicker .ui-datepicker-header { padding: 5px 28px 12px; border: 0; border-bottom: 1px solid var(--zd-border, #e4edf5); border-radius: 0; background: #fff; color: var(--zd-navy, #121c55); }
.zd-datepicker .ui-datepicker-title { display: flex; gap: 6px; margin: 0; line-height: 32px; }
.zd-datepicker .ui-datepicker-title select { width: 50%; margin: 0; padding: 5px 2px; border: 1px solid var(--zd-border, #e4edf5); border-radius: 6px; background: #f8fbfd; color: var(--zd-navy, #121c55); font: inherit; }
.zd-datepicker .ui-datepicker-prev, .zd-datepicker .ui-datepicker-next { top: 6px; width: 27px; height: 30px; border: 0; border-radius: 7px; cursor: pointer; }
.zd-datepicker .ui-datepicker-prev { left: 0; }
.zd-datepicker .ui-datepicker-next { right: 0; }
.zd-datepicker .ui-datepicker-prev:hover, .zd-datepicker .ui-datepicker-next:hover { background: #eafbf9; }
.zd-datepicker .ui-datepicker-prev span, .zd-datepicker .ui-datepicker-next span { background: none; }
.zd-datepicker .ui-datepicker-prev::after, .zd-datepicker .ui-datepicker-next::after { content: ''; position: absolute; top: 10px; width: 8px; height: 8px; border: solid var(--zd-teal-dark, #007f7c); border-width: 0 2px 2px 0; }
.zd-datepicker .ui-datepicker-prev::after { left: 11px; transform: rotate(135deg); }
.zd-datepicker .ui-datepicker-next::after { right: 11px; transform: rotate(-45deg); }
.zd-datepicker table { width: 100%; margin: 9px 0 0; font-size: 14px; }
.zd-datepicker th { padding: 8px 0; color: var(--zd-muted, #5d6c8d); font-weight: 400; }
.zd-datepicker td { padding: 2px; }
.zd-datepicker td .ui-state-default { padding: 7px 0; border: 1px solid transparent; border-radius: 8px; background: #fff; color: var(--zd-navy, #121c55); text-align: center; font-weight: 400; text-decoration: none; }
.zd-datepicker td a:hover, .zd-datepicker td .ui-state-hover { border-color: #b5e9e5; background: #eafbf9; color: var(--zd-teal-dark, #007f7c); }
.zd-datepicker td .ui-state-highlight { border-color: var(--zd-teal, #00b8b3); background: #f0fcfa; color: var(--zd-teal-dark, #007f7c); }
.zd-datepicker td .ui-state-active { background: var(--zd-teal-dark, #007f7c); color: #fff; font-weight: 700; }
.zd-datepicker .ui-datepicker-buttonpane { margin-top: 10px; padding-top: 9px; border-color: var(--zd-border, #e4edf5); }
.zd-datepicker .ui-datepicker-buttonpane button { margin: 0; padding: 6px 10px; border: 0; border-radius: 7px; background: #eafbf9; color: var(--zd-teal-dark, #007f7c); font: inherit; opacity: 1; }