input.ovabrw_datetimepicker { width: 100%; min-height: 46px; padding: 0 14px; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #111827; background-color: #fff; border: 1.5px solid #9aa1ac; border-radius: 10px; outline: none; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; } input.ovabrw_datetimepicker::placeholder { color: #6b7280; opacity: 1; } input.ovabrw_datetimepicker:hover { border-color: #6b7280; } input.ovabrw_datetimepicker:focus { border-color: #047857; outline: 2px solid #047857; outline-offset: 2px; }  .xdsoft_datetimepicker {  --calendar-text: #111827;  --calendar-muted: #4b5563;  --calendar-border: #9aa1ac;  --calendar-border-soft: #e5e7eb;  --calendar-hover: #f4f5f7; --calendar-weekend-bg: #eceef1; --calendar-disabled: #c7ccd3; --calendar-other-month: #aab0ba; --calendar-primary: #047857;  --calendar-primary-light: #ecfdf5; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;  display: none !important; flex-direction: column !important; align-items: stretch !important; width: min(300px, calc(100vw - 24px)) !important; padding: 10px !important; color: var(--calendar-text) !important; background: #fff !important;  border: 1.5px solid var(--calendar-border) !important; border-radius: 12px !important; box-shadow: none !important; overflow: visible !important; z-index: 999999 !important; }  .xdsoft_datetimepicker[style*="display: block"], .xdsoft_datetimepicker[style*="display:block"] { display: flex !important; }  .xdsoft_datetimepicker, .xdsoft_datetimepicker * { box-sizing: border-box; }  .xdsoft_datetimepicker .xdsoft_datepicker { float: none !important; width: 100% !important; margin: 0 !important; }  .xdsoft_datetimepicker .xdsoft_monthpicker { display: flex !important; align-items: center; gap: 2px; width: 100%; height: 38px !important; margin: 0 0 6px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } .xdsoft_datetimepicker .xdsoft_label { position: relative; float: none !important; height: 34px !important; margin: 0 !important; padding: 0 18px 0 8px !important; font-size: 18px !important; font-weight: 700 !important; line-height: 34px !important; color: var(--calendar-text) !important; background: transparent !important; border: 0 !important; border-radius: 8px !important; cursor: pointer; transition: background-color 0.15s ease; } .xdsoft_datetimepicker .xdsoft_label:hover { background: var(--calendar-hover) !important; } .xdsoft_datetimepicker .xdsoft_month { flex: 1 1 auto; } .xdsoft_datetimepicker .xdsoft_year { flex: 0 0 auto; } .xdsoft_datetimepicker .xdsoft_label > span { color: inherit !important; } .xdsoft_datetimepicker .xdsoft_label > i { top: 15px !important; right: 4px !important; opacity: 0.5 !important; }  .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { position: relative; flex: 0 0 28px; float: none !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 8px !important; opacity: 1 !important; cursor: pointer; transition: background-color 0.15s ease; } .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover { background-color: var(--calendar-hover) !important; } .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev::before, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next::before { content: ""; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-top: 2px solid var(--calendar-text); border-left: 2px solid var(--calendar-text); } .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev::before { transform: translate(-35%, -50%) rotate(-45deg); } .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next::before { transform: translate(-65%, -50%) rotate(135deg); } .xdsoft_datetimepicker .xdsoft_today_button::before { content: ""; position: absolute; inset: 7px; border: 2px solid var(--calendar-primary); border-radius: 50%; } .xdsoft_datetimepicker .xdsoft_today_button::after { content: ""; position: absolute; top: 12px; left: 12px; width: 4px; height: 4px; background: var(--calendar-primary); border-radius: 50%; }  .xdsoft_datetimepicker .xdsoft_calendar { width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar table { width: 100% !important; table-layout: fixed; border-collapse: separate !important; border-spacing: 2px !important; background: transparent !important; border: 0 !important; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 22px !important; padding: 0 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 22px !important; color: var(--calendar-muted) !important; text-transform: uppercase; letter-spacing: 0.03em; text-align: center; background: transparent !important; border: 0 !important; } .xdsoft_datetimepicker .xdsoft_calendar td { position: relative; height: 32px !important; padding: 0 !important; color: var(--calendar-text) !important; text-align: center; background: transparent !important; border: 1.5px solid transparent !important; border-radius: 9px !important; cursor: pointer; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; } .xdsoft_datetimepicker .xdsoft_calendar td > div { width: 100% !important; height: 32px !important; padding: 0 !important; font-size: 13px !important; font-weight: 600 !important; line-height: 32px !important; color: inherit !important; text-align: center !important; background: transparent !important; border: 0 !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled), .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled):hover { color: #fff !important; background: var(--calendar-primary) !important; border-color: var(--calendar-primary) !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled) > div { color: #fff !important; font-weight: 700 !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:not(.xdsoft_current):not(.xdsoft_disabled) { color: var(--calendar-primary) !important; border-color: var(--calendar-primary) !important; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month { color: var(--calendar-other-month) !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_weekend:not(.xdsoft_disabled):not(.xdsoft_current) { background: var(--calendar-weekend-bg) !important; } .xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled):not(.xdsoft_current):hover { color: var(--calendar-primary) !important; background: var(--calendar-primary-light) !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover { color: var(--calendar-disabled) !important; background: transparent !important; border-color: transparent !important; cursor: not-allowed !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled::after { content: ""; position: absolute; top: 50%; left: 50%; width: 130%; height: 1px; background: var(--calendar-disabled); transform: translate(-50%, -50%) rotate(-25deg); pointer-events: none; }  .xdsoft_datetimepicker .xdsoft_timepicker { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; float: none !important; width: 100% !important; margin: 10px 0 0 !important; padding: 10px 0 0 !important; border: 0 !important; border-top: 1px solid var(--calendar-border-soft) !important; } .xdsoft_datetimepicker .xdsoft_timepicker::before { content: "Čas vyzdvihnutia"; flex: 0 0 100%; margin: 0 0 5px; font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; color: var(--calendar-muted); } .xdsoft_datetimepicker .xdsoft_timepicker > .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker > .xdsoft_next { display: none !important; } .xdsoft_datetimepicker .xdsoft_time_box { flex: 1 1 100% !important; width: 100% !important; height: auto !important; overflow: visible !important; background: transparent !important; border: 0 !important; } .xdsoft_datetimepicker .xdsoft_time_variant { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; padding: 2px 0 4px !important; } .xdsoft_datetimepicker .xdsoft_time { flex: 0 0 auto !important; width: auto !important; height: 30px !important; padding: 0 13px !important; white-space: nowrap; font-size: 13px !important; font-weight: 600 !important; line-height: 27px !important; color: var(--calendar-text) !important; text-align: center; background: #fff !important; border: 1.5px solid var(--calendar-border) !important; border-radius: 999px !important; box-shadow: none !important; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; } .xdsoft_datetimepicker .xdsoft_time:hover { color: var(--calendar-primary) !important; background: var(--calendar-primary-light) !important; border-color: var(--calendar-primary) !important; } .xdsoft_datetimepicker .xdsoft_time.xdsoft_current { color: #fff !important; background: var(--calendar-primary) !important; border-color: var(--calendar-primary) !important; font-weight: 700 !important; }  .xdsoft_datetimepicker .xdsoft_select { top: 34px !important; left: 0 !important; min-width: 116px; padding: 5px !important; background: #fff !important; border: 1.5px solid var(--calendar-border) !important; border-radius: 10px !important; box-shadow: none !important; overflow: hidden auto !important; z-index: 10 !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .xdsoft_datetimepicker .xdsoft_select::-webkit-scrollbar { display: none !important; width: 0 !important; } .xdsoft_datetimepicker .xdsoft_option { min-height: 32px !important; padding: 6px 10px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px !important; color: var(--calendar-text) !important; background: transparent !important; border-radius: 7px !important; transition: color 0.15s ease, background-color 0.15s ease; } .xdsoft_datetimepicker .xdsoft_option:hover { color: var(--calendar-primary) !important; background: var(--calendar-primary-light) !important; } .xdsoft_datetimepicker .xdsoft_option.xdsoft_current { color: #fff !important; background: var(--calendar-primary) !important; } .xdsoft_datetimepicker .xdsoft_scrollbar, .xdsoft_datetimepicker .xdsoft_scroller { display: none !important; }  .xdsoft_datetimepicker .xdsoft_calendar td:focus-visible, .xdsoft_datetimepicker .xdsoft_time:focus-visible, .xdsoft_datetimepicker .xdsoft_label:focus-visible, .xdsoft_datetimepicker .xdsoft_today_button:focus-visible, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev:focus-visible, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next:focus-visible { outline: 2px solid var(--calendar-primary) !important; outline-offset: 2px !important; }  @media (prefers-reduced-motion: reduce) { .xdsoft_datetimepicker, .xdsoft_datetimepicker * { transition: none !important; scroll-behavior: auto !important; } }  @media (max-width: 420px) { .xdsoft_datetimepicker {  position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: auto !important;  width: calc(100vw - 32px) !important; max-width: 360px !important; height: fit-content !important;  max-height: 85vh !important;  padding: 16px !important; border-radius: 16px !important; border: none !important;  overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5) !important; }  .xdsoft_datetimepicker .xdsoft_select { max-height: 50vh !important; } .xdsoft_datetimepicker .xdsoft_monthpicker { height: 34px !important; margin: 0 0 10px !important; } .xdsoft_datetimepicker .xdsoft_label { height: 30px !important; line-height: 30px !important; } .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_monthpicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { flex: 0 0 28px; width: 28px !important; height: 28px !important; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 20px !important; line-height: 20px !important; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar td > div { height: 32px !important; line-height: 32px !important; } .xdsoft_datetimepicker .xdsoft_timepicker { margin: 12px 0 0 !important; padding: 12px 0 0 !important; } .xdsoft_datetimepicker .xdsoft_time { height: 32px !important; padding: 0 14px !important; line-height: 29px !important; } } @media (max-width: 360px) { .xdsoft_datetimepicker { width: calc(100vw - 20px) !important; padding: 12px !important; border-radius: 12px !important; } .xdsoft_datetimepicker .xdsoft_calendar table { border-spacing: 1px !important; } .xdsoft_datetimepicker .xdsoft_monthpicker { height: 32px !important; margin: 0 0 8px !important; } .xdsoft_datetimepicker .xdsoft_label { height: 28px !important; line-height: 28px !important; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 18px !important; line-height: 18px !important; font-size: 9px !important; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar td > div { height: 28px !important; line-height: 28px !important; font-size: 12px !important; } .xdsoft_datetimepicker .xdsoft_timepicker { margin: 10px 0 0 !important; padding: 10px 0 0 !important; } .xdsoft_datetimepicker .xdsoft_time { height: 28px !important; padding: 0 12px !important; font-size: 12px !important; line-height: 25px !important; } }