.visually-hidden, .tempus-dominus-widget [data-action]::after { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .tempus-dominus-widget { list-style: none; padding: 4px; width: 19rem; border-radius: 4px; display: none; z-index: 9999; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .tempus-dominus-widget.calendarWeeks { width: 21rem; } .tempus-dominus-widget.calendarWeeks .date-container-days { grid-auto-columns: 12.5%; grid-template-areas: "a a a a a a a a"; } .tempus-dominus-widget [data-action] { cursor: pointer; } .tempus-dominus-widget [data-action]::after { content: attr(title); } .tempus-dominus-widget [data-action].disabled, .tempus-dominus-widget [data-action].disabled:hover { background: none; cursor: not-allowed; } .tempus-dominus-widget .arrow { display: none; } .tempus-dominus-widget.show { display: block; } .tempus-dominus-widget.show.date-container { min-height: 315px; } .tempus-dominus-widget.show.time-container { min-height: 217px; } .tempus-dominus-widget .td-collapse:not(.show) { display: none; } .tempus-dominus-widget .td-collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (min-width: 576px) { .tempus-dominus-widget.timepicker-sbs { width: 38em; } } @media (min-width: 768px) { .tempus-dominus-widget.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .tempus-dominus-widget.timepicker-sbs { width: 38em; } } .tempus-dominus-widget.timepicker-sbs .td-row { display: flex; } .tempus-dominus-widget.timepicker-sbs .td-row .td-half { flex: 0 0 auto; width: 50%; } .tempus-dominus-widget div[data-action]:active { box-shadow: none; } .tempus-dominus-widget .timepicker-hour, .tempus-dominus-widget .timepicker-minute, .tempus-dominus-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .tempus-dominus-widget button[data-action] { padding: 6px; } .tempus-dominus-widget .toggleMeridiem { text-align: center; height: 38px; } .tempus-dominus-widget .calendar-header { display: grid; grid-template-areas: "a a a"; margin-bottom: 10px; font-weight: bold; } .tempus-dominus-widget .calendar-header .next { text-align: right; padding-right: 10px; } .tempus-dominus-widget .calendar-header .previous { text-align: left; padding-left: 10px; } .tempus-dominus-widget .calendar-header .picker-switch { text-align: center; } .tempus-dominus-widget .toolbar { display: grid; grid-auto-flow: column; grid-auto-rows: 40px; } .tempus-dominus-widget .toolbar div { border-radius: 999px; align-items: center; justify-content: center; box-sizing: border-box; display: flex; } .tempus-dominus-widget .date-container-days { display: grid; grid-template-areas: "a a a a a a a"; grid-auto-rows: 40px; grid-auto-columns: 14.2857142857%; } .tempus-dominus-widget .date-container-days .dow { align-items: center; justify-content: center; text-align: center; } .tempus-dominus-widget .date-container-days .cw { width: 90%; height: 90%; align-items: center; justify-content: center; display: flex; font-size: 0.8em; line-height: 20px; cursor: default; } .tempus-dominus-widget .date-container-decades, .tempus-dominus-widget .date-container-years, .tempus-dominus-widget .date-container-months { display: grid; grid-template-areas: "a a a"; grid-auto-rows: calc((19rem - 8px) / 7); } .tempus-dominus-widget .time-container-hour, .tempus-dominus-widget .time-container-minute, .tempus-dominus-widget .time-container-second { display: grid; grid-template-areas: "a a a a"; grid-auto-rows: calc((19rem - 8px) / 7); } .tempus-dominus-widget .time-container-clock { display: grid; grid-auto-rows: calc((19rem - 8px) / 7); } .tempus-dominus-widget .time-container-clock .no-highlight { width: 90%; height: 90%; align-items: center; justify-content: center; display: flex; } .tempus-dominus-widget .date-container-decades div:not(.no-highlight), .tempus-dominus-widget .date-container-years div:not(.no-highlight), .tempus-dominus-widget .date-container-months div:not(.no-highlight), .tempus-dominus-widget .date-container-days div:not(.no-highlight), .tempus-dominus-widget .time-container-clock div:not(.no-highlight), .tempus-dominus-widget .time-container-hour div:not(.no-highlight), .tempus-dominus-widget .time-container-minute div:not(.no-highlight), .tempus-dominus-widget .time-container-second div:not(.no-highlight) { width: 90%; height: 90%; border-radius: 999px; align-items: center; justify-content: center; box-sizing: border-box; display: flex; } .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget .time-container-second div:not(.no-highlight).disabled:hover { background: none; cursor: not-allowed; } .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today, .tempus-dominus-widget .date-container-days div:not(.no-highlight).today, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today { position: relative; } .tempus-dominus-widget .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before { content: ""; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; position: absolute; bottom: 6px; right: 6px; } .tempus-dominus-widget .time-container { margin-bottom: 0.5rem; } .tempus-dominus-widget button { display: inline-block; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .tempus-dominus-widget.tempus-dominus-widget-readonly table td.day, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.second, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds], .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod] { pointer-events: none; cursor: default; } .tempus-dominus-widget.tempus-dominus-widget-readonly table td.day:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.hour:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.minute:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td.second:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=incrementSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=decrementSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showHours]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showMinutes]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=showSeconds]:hover, .tempus-dominus-widget.tempus-dominus-widget-readonly table td [data-action=togglePeriod]:hover { background: none; } .tempus-dominus-widget.light { color: #000; background-color: #fff; } .tempus-dominus-widget.light [data-action].disabled, .tempus-dominus-widget.light [data-action].disabled:hover { color: #6c757d; } .tempus-dominus-widget.light .toolbar div:hover { background: #e9ecef; } .tempus-dominus-widget.light .date-container-days .dow { color: rgba(0, 0, 0, 0.5); } .tempus-dominus-widget.light .date-container-days .cw { color: rgba(0, 0, 0, 0.38); } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover { background: #e9ecef; } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active { background-color: #0d6efd; background-color: var(--color-highlight) !important; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.new { color: #fff; } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.today:before { border-bottom-color: #fff; } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new { color: rgba(0, 0, 0, 0.38); } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover { color: #6c757d; } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before { border-bottom-color: #0d6efd; border-top-color: rgba(0, 0, 0, 0.2); } .tempus-dominus-widget.light button { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .tempus-dominus-widget.dark { color: #e3e3e3; background-color: #1b1b1b; } .tempus-dominus-widget.dark [data-action].disabled, .tempus-dominus-widget.dark [data-action].disabled:hover { color: #6c757d; } .tempus-dominus-widget.dark .toolbar div:hover { background: rgb(35, 38, 39); } .tempus-dominus-widget.dark .date-container-days .dow { color: rgba(232, 230, 227, 0.5); } .tempus-dominus-widget.dark .date-container-days .cw { color: rgba(232, 230, 227, 0.38); } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight):hover, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight):hover { background: rgb(35, 38, 39); } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active { background-color: #4db2ff; color: #fff; text-shadow: 0 -1px 0 rgba(232, 230, 227, 0.25); } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.new { color: #fff; } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.today:before { border-bottom-color: #1b1b1b; } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).old, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).new { color: rgba(232, 230, 227, 0.38); } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled:hover { color: #6c757d; } .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).today:before { border-bottom-color: #4db2ff; border-top-color: rgba(232, 230, 227, 0.2); } .tempus-dominus-widget.dark button { color: #fff; background-color: #4db2ff; border-color: #4db2ff; } /*# sourceMappingURL=tempus-dominus.css.map */ #datetimecombinedcloser { display:block; position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,0.000001); z-index: 1; } @media (min-width: 576px) { .tempus-dominus-widget.timepicker-sbs { width: 25em; } } @media (min-width: 992px) { .tempus-dominus-widget.timepicker-sbs { width: 25em; } } .tempus-dominus-widget.light { color: #000; color: var(--color-default); z-index:2; } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new { color: var(--color-default); } .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover { color: #6c757d; color: var(--color-light); } .tempus-dominus-widget .date-container-days div:not(.no-highlight).disabled:hover { background: var(--color-darkgray) !important; } .tempus-dominus-widget .time-container-hour, .tempus-dominus-widget .time-container-minute, .tempus-dominus-widget .time-container-second { background-color: rgba(0,0,0,0.05); margin-top: 4px; } .tempus-dominus-widget .calendar-header {} .tempus-dominus-widget .calendar-header:has( .picker-switch ) {} .tempus-dominus-widget .calendar-header:has( .picker-switch[date-container-days*="August"] ) {} .tempus-dominus-widget .calendar-header:has(.picker-switch) .previous{ position:relative;} .tempus-dominus-widget .calendar-header:has(.picker-switch) .next{ position:relative;} .tempus-dominus-widget .calendar-header:has(.picker-switch) .previous[data-action]::after { content: " "; color: var(--color-medium); font-size: 0.85em; clip: unset !important; width: 30px !important; height: 20px !important; background: transparent; display: block; position: absolute !important; top: 5px; left: 30px; line-height: 110%; text-align: left; } .tempus-dominus-widget .calendar-header:has(.picker-switch) .next[data-action]::after { content: " "; color: var(--color-medium); font-size: 0.85em; clip: unset !important; width: 30px !important; height: 20px !important; background: transparent; display: block; position: absolute !important; top: 5px; right: 30px; line-height: 110%; text-align: right; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Januar"]) .previous[data-action]::after { content:"Dez"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Januar"]) .next[data-action]::after { content:"Feb"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Februar"]) .previous[data-action]::after { content:"Jan"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Februar"]) .next[data-action]::after { content:"Mär"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="März"]) .previous[data-action]::after { content:"Feb"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="März"]) .next[data-action]::after { content:"Apr"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="April"]) .previous[data-action]::after { content:"Mär"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="April"]) .next[data-action]::after { content:"Mai"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Mai"]) .previous[data-action]::after { content:"Apr"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Mai"]) .next[data-action]::after { content:"Jun"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Juni"]) .previous[data-action]::after { content:"Mai"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Juni"]) .next[data-action]::after { content:"Jul"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Juli"]) .previous[data-action]::after { content:"Jun"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Juli"]) .next[data-action]::after { content:"Aug"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="August"]) .previous[data-action]::after { content:"Jul"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="August"]) .next[data-action]::after { content:"Sep"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="September"]) .previous[data-action]::after { content:"Aug"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="September"]) .next[data-action]::after { content:"Okt"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Oktober"]) .previous[data-action]::after { content:"Sep"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Oktober"]) .next[data-action]::after { content:"Nov"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="November"]) .previous[data-action]::after { content:"Okt"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="November"]) .next[data-action]::after { content:"Dez"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Dezember"]) .previous[data-action]::after { content:"Nov"; } .tempus-dominus-widget .calendar-header:has(.picker-switch[date-container-days*="Dezember"]) .next[data-action]::after { content:"Jan"; } .tempus-dominus-widget.timepicker-sbs .td-row:has(.time-container.td-half.show) {flex-direction: column;} .tempus-dominus-widget.timepicker-sbs .td-row:has(.time-container.td-half.show) .date-container.td-half.show {width: 100%;} .tempus-dominus-widget.timepicker-sbs .td-row:has(.date-container.td-half.show) .time-container.td-half.show { width: 100%; background: var(--color-lightgray); margin: 0; padding: 15px 0 11px 0; } .tempus-dominus-widget.timepicker-sbs .toolbar {display:block; text-align:right;} .tempus-dominus-widget.timepicker-sbs .toolbar div[data-action="today"] {display:none;} .tempus-dominus-widget.timepicker-sbs .toolbar div[data-action="close"] { display: inline-block; width: 30px !important; height: 30px !important; margin: 10px !important; text-align: center; line-height: 30px; } .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator {} .tempus-dominus-widget.timepicker-sbs .time-container-clock {display: flex !important; flex-direction: row; text-align:center; justify-content: center; align-items: center;} .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-up::before { /*content: "\2b";*/ /*content: "+";*/ content: "\f055"; font-weight: 300; } .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-down::before { /*content: "\f068";*/ /*content: "-";*/ content: "\f056"; font-weight: 300; } .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-up::before, .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-down::before { display:inline-block; width:20px; height:20px; font-size:20px; max-width:20px; min-width:20px; flex: 0 0 auto; } .tempus-dominus-widget.timepicker-sbs .time-container-clock div {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="incrementHours"] {order:3; flex: 0 0 20px; width: 20px !important; height: 20px !important; line-height: 20px;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(2) {display:none !important; order:10;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="incrementMinutes"] {order:7; flex: 0 0 20px; width: 20px !important; height: 20px !important; line-height: 20px;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="showHourzz"], .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="showHours"] {order:2; width: 60px !important; height: 60px !important; line-height: 60px; font-size: 1.5em;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(5) {order:4; flex: 0 0 20px; width: 20px !important; height: 60px !important; line-height: 60px;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="showMinutezz"], .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="showMinutes"] {order:6; width: 60px !important; height: 60px !important; line-height: 60px; font-size: 1.5em;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="decrementHours"] {order:1; flex: 0 0 20px; width: 20px !important; height: 20px !important; line-height: 20px;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(8) {display:none !important; order:10;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="decrementMinutes"] {order:4; flex: 0 0 20px; width: 20px !important; height: 20px !important; line-height: 20px;} .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="incrementHours"], .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="incrementMinutes"], .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="decrementMinutes"], .tempus-dominus-widget.timepicker-sbs .time-container-clock div[data-action="decrementHours"] {} .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-up, .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-down {} .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-up::before, .tempus-dominus-widget.timepicker-sbs .time-container-clock .fa-angle-down::before {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(1) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(2) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(3) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(4) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(5) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(6) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(7) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(8) {} .tempus-dominus-widget.timepicker-sbs .time-container-clock div.separator:nth-child(9) {}