vue-ctk-date-time-picker-fixed/dist/umd/vue-ctk-date-time-picker.min.css

A vue component for select date & time (by Chronotruck)

@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);.timepicker-container[data-v-70ed7488]{width:160px}.timepicker-container .time-container[data-v-70ed7488]{position:relative}.timepicker-container .time-container.hours-container[data-v-70ed7488]{border-left:1px solid #eaeaea}.timepicker-container .time-container .time-label[data-v-70ed7488]{padding:.3em 0;color:#000}.timepicker-container .time-container .numbers-container[data-v-70ed7488]{padding:0;margin:0;list-style:none;overflow:auto}.timepicker-container .time-container .numbers-container .item[data-v-70ed7488]{padding:.3em 0;color:#000;cursor:pointer;position:relative;border:none;background:transparent;font-size:14px;width:100%;outline:none}.timepicker-container .time-container .numbers-container .item .timepicker-day-effect[data-v-70ed7488]{position:absolute;opacity:.6;background:#1e90ff;height:100%;width:100%;top:0;left:0;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0)}.timepicker-container .time-container .numbers-container .item .timepicker-day-text[data-v-70ed7488]{position:relative}.timepicker-container .time-container .numbers-container .item[data-v-70ed7488]:hover{color:#fff;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.timepicker-container .time-container .numbers-container .item:hover .timepicker-day-effect[data-v-70ed7488]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.timepicker-container .time-container .numbers-container .item.active[data-v-70ed7488],.timepicker-container .time-container .numbers-container .item.active[data-v-70ed7488]:hover{color:#fff}.timepicker-container .time-container .numbers-container .item.active .timepicker-day-effect[data-v-70ed7488],.timepicker-container .time-container .numbers-container .item.active:hover .timepicker-day-effect[data-v-70ed7488]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.timepicker-container.is-dark .time-container.hours-container[data-v-70ed7488]{border-color:#757575}.timepicker-container.is-dark .time-container .numbers-container .item[data-v-70ed7488]{color:#fff}.timepicker-container.is-dark .time-container .time-label[data-v-70ed7488]{color:#a8a8a8!important}.timepicker-container.only-time .time-container.hours-container[data-v-70ed7488]{border:none}@media screen and (max-width:415px){.timepicker-container[data-v-70ed7488]:not(.inline){width:100%;border-top:1px solid #eaeaea;height:unset!important}.timepicker-container:not(.inline) .time-container.hours-container[data-v-70ed7488]{border:0}.timepicker-container.is-dark[data-v-70ed7488]{border-color:#757575}}.slide-enter-active[data-v-43662ed7],.slide-leave-active[data-v-43662ed7]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-43662ed7],.slide-leave-to[data-v-43662ed7]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-43662ed7],.slideinvert-leave-active[data-v-43662ed7]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-43662ed7],.slideinvert-leave-to[data-v-43662ed7]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-43662ed7],.slidenext-leave-active[data-v-43662ed7],.slideprev-enter-active[data-v-43662ed7],.slideprev-leave-active[data-v-43662ed7]{position:absolute;transition:all .3s}.slidenext-enter[data-v-43662ed7],.slideprev-leave-to[data-v-43662ed7]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-43662ed7],.slideprev-enter[data-v-43662ed7]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-43662ed7],.slidevnext-leave-active[data-v-43662ed7],.slidevprev-enter-active[data-v-43662ed7],.slidevprev-leave-active[data-v-43662ed7]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-43662ed7],.slidevprev-leave-to[data-v-43662ed7]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-43662ed7],.slidevprev-enter[data-v-43662ed7]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-43662ed7],.slide-leave-active[data-v-43662ed7],.slideinvert-enter-active[data-v-43662ed7],.slideinvert-leave-active[data-v-43662ed7]{transition:all 0s}}#CtkDatePicker.datepicker-container[data-v-43662ed7]{width:290px}#CtkDatePicker.datepicker-container.p-0[data-v-43662ed7]{padding:0}#CtkDatePicker.datepicker-container .datepicker-controls[data-v-43662ed7]{height:47px;padding:0 5px}#CtkDatePicker.datepicker-container .datepicker-controls .arrow-month[data-v-43662ed7]{flex:0 0 40px}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button[data-v-43662ed7]{background:transparent;cursor:pointer;padding:0 10px;border:none;outline:none}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button svg[data-v-43662ed7]{height:17px;width:17px;fill:#2c3e50}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button.datepicker-prev[data-v-43662ed7]{text-align:left!important}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button.datepicker-next[data-v-43662ed7]{text-align:right!important}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-container-label[data-v-43662ed7]{text-transform:capitalize;font-size:18px;line-height:18px;position:relative;height:18px;overflow:hidden}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-label[data-v-43662ed7]{text-transform:capitalize}#CtkDatePicker.datepicker-container .datepicker-week[data-v-43662ed7]{font-family:Graphik;font-size:12px;background-color:#f4f6f9;height:32px;text-transform:capitalize;padding:0 5px;margin-bottom:4px}#CtkDatePicker.datepicker-container .month-container[data-v-43662ed7]{position:relative;overflow:hidden;padding:0 5px}#CtkDatePicker.datepicker-container .datepicker-days[data-v-43662ed7]{display:flex;display:-ms-flexbox;overflow:hidden;flex-wrap:wrap;-ms-flex-wrap:wrap}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day[data-v-43662ed7]{height:29px;flex-grow:1;width:14.28571%;position:relative;border:none;background:transparent;font-size:14px;outline:none}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.enable[data-v-43662ed7]{cursor:pointer}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day-effect[data-v-43662ed7],#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-43662ed7]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:26px;width:26px;border-radius:50%;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect[data-v-43662ed7]{margin:auto;opacity:.6;-webkit-transform:scale(0);transform:scale(0)}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-43662ed7]{background-color:#eaeaea}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-day-text[data-v-43662ed7]{position:relative;color:#000}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-text[data-v-43662ed7]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-effect[data-v-43662ed7]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-text[data-v-43662ed7]{padding-top:3px;color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-effect[data-v-43662ed7]{-webkit-transform:scale(1);transform:scale(1);opacity:.5;border-radius:0;width:100%}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between.first .datepicker-day-effect[data-v-43662ed7]{border-top-left-radius:30px;border-bottom-left-radius:30px}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect[data-v-43662ed7]{border-top-right-radius:30px;border-bottom-right-radius:30px}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-text[data-v-43662ed7]{padding-top:3px;color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-effect[data-v-43662ed7]{-webkit-transform:scale(1);transform:scale(1);opacity:1}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-text[data-v-43662ed7]{color:#ccc}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled.selected[data-v-43662ed7]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-effect[data-v-43662ed7]{-webkit-transform:scale(0);transform:scale(0);opacity:0}#CtkDatePicker.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected) .datepicker-day-text[data-v-43662ed7]{color:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected).disabled .datepicker-day-text[data-v-43662ed7]{color:#757575}#CtkDatePicker.datepicker-container.is-dark .text-muted[data-v-43662ed7]{color:#a8a8a8!important}#CtkDatePicker.datepicker-container.is-dark .datepicker-button svg[data-v-43662ed7]{fill:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-label[data-v-43662ed7]{color:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-today[data-v-43662ed7]{background-color:#292929!important}@media screen and (max-width:415px){#CtkDatePicker.datepicker-container[data-v-43662ed7]{width:100%}#CtkDatePicker.datepicker-container:not(.inline) .datepicker-controls[data-v-43662ed7]{height:36px!important}#CtkDatePicker.datepicker-container:not(.inline) .datepicker-week[data-v-43662ed7]{height:21px!important}}.datepicker-buttons-container[data-v-7710a8b7]{padding:5px 10px;border-top:1px solid #eaeaea;background-color:#fff;display:flex!important}.datepicker-buttons-container .datepicker-button[data-v-7710a8b7]{padding:0 20px;position:relative;border:1px solid #eaeaea;background-color:#fff;border-radius:30px;height:30px;font-size:14px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);color:#fff;font-weight:500}.datepicker-buttons-container .datepicker-button svg[data-v-7710a8b7]{position:relative;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;fill:#00c853}.datepicker-buttons-container .datepicker-button .datepicker-button-effect[data-v-7710a8b7]{position:absolute;background:#00c853;top:0;left:0;bottom:0;right:0;height:30px;border-radius:30px;width:100%;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0)}.datepicker-buttons-container .datepicker-button[data-v-7710a8b7]:hover{border:1px solid transparent}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-effect[data-v-7710a8b7]{-webkit-transform:scale(1);transform:scale(1)}.datepicker-buttons-container .datepicker-button:hover svg[data-v-7710a8b7]{fill:#fff!important}.datepicker-buttons-container.is-dark .datepicker-button[data-v-7710a8b7],.datepicker-buttons-container.is-dark[data-v-7710a8b7]{background-color:#424242;border-color:#757575}.datepicker-buttons-container.is-dark .datepicker-button svg[data-v-7710a8b7],.datepicker-buttons-container.is-dark svg[data-v-7710a8b7]{fill:#fff!important}.slide-enter-active[data-v-7f7e3e81],.slide-leave-active[data-v-7f7e3e81]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-7f7e3e81],.slide-leave-to[data-v-7f7e3e81]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-7f7e3e81],.slideinvert-leave-active[data-v-7f7e3e81]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-7f7e3e81],.slideinvert-leave-to[data-v-7f7e3e81]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-7f7e3e81],.slidenext-leave-active[data-v-7f7e3e81],.slideprev-enter-active[data-v-7f7e3e81],.slideprev-leave-active[data-v-7f7e3e81]{position:absolute;transition:all .3s}.slidenext-enter[data-v-7f7e3e81],.slideprev-leave-to[data-v-7f7e3e81]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-7f7e3e81],.slideprev-enter[data-v-7f7e3e81]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-7f7e3e81],.slidevnext-leave-active[data-v-7f7e3e81],.slidevprev-enter-active[data-v-7f7e3e81],.slidevprev-leave-active[data-v-7f7e3e81]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-7f7e3e81],.slidevprev-leave-to[data-v-7f7e3e81]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-7f7e3e81],.slidevprev-enter[data-v-7f7e3e81]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-7f7e3e81],.slide-leave-active[data-v-7f7e3e81],.slideinvert-enter-active[data-v-7f7e3e81],.slideinvert-leave-active[data-v-7f7e3e81]{transition:all 0s}}.datetimepicker[data-v-7f7e3e81]{position:absolute}.datetimepicker .datepicker[data-v-7f7e3e81]{font-family:Roboto,sans-serif;position:absolute;z-index:5;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);max-width:400px}.datetimepicker .datepicker .datetimepicker-container[data-v-7f7e3e81]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker-header[data-v-7f7e3e81]{background:#fff!important;color:#000;padding:13px 0 0 15px!important;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.datetimepicker .datepicker-header .datepicker-year[data-v-7f7e3e81]{opacity:.7;margin-bottom:3px;font-size:14px;line-height:14px;position:relative;height:14px}.datetimepicker .datepicker-header .datepicker-date[data-v-7f7e3e81],.datetimepicker .datepicker-header .datepicker-hour[data-v-7f7e3e81],.datetimepicker .datepicker-header .datepicker-minute[data-v-7f7e3e81],.datetimepicker .datepicker-header .datepicker-time[data-v-7f7e3e81]{font-size:16px;line-height:16px;position:relative;height:16px}.datetimepicker .datepicker-header .datepicker-date[data-v-7f7e3e81]{text-transform:capitalize}.datetimepicker .datepicker-header .datepicker-hour[data-v-7f7e3e81]:not(.justify-content-center){padding-left:10px}.datetimepicker.is-dark .datepicker[data-v-7f7e3e81],.datetimepicker.is-dark .datetimepicker-container[data-v-7f7e3e81]{background:#424242}.datetimepicker.has-validate-button .datetimepicker-container[data-v-7f7e3e81]{border-radius:0}.inline .datepicker[data-v-7f7e3e81],.inline.datetimepicker[data-v-7f7e3e81]{position:relative}.inline .datepicker[data-v-7f7e3e81]{margin-bottom:0!important;box-shadow:none;-webkit-box-shadow:none;width:100%;max-width:100%;background-color:#fff}@media screen and (max-width:415px){.datetimepicker-container[data-v-7f7e3e81]{flex-direction:column;flex-flow:column;-moz-flex-direction:column}.datetimepicker[data-v-7f7e3e81]:not(.inline){margin:0!important;position:absolute;top:0!important;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .datepicker[data-v-7f7e3e81]{bottom:0!important;top:0!important;left:0!important;right:0!important;width:100%;max-width:inherit;position:fixed;height:100%;margin:0!important}.datetimepicker:not(.inline) .datepicker-header[data-v-7f7e3e81]{padding:10px!important}.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-7f7e3e81]{min-width:100px!important;max-width:100px!important}.datetimepicker:not(.inline) .datepicker-header .datepicker-time .flex-1[data-v-7f7e3e81],.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-7f7e3e81]{justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-webkit-box-align:end}}.shortcuts-container[data-v-62bcc3ad]{width:160px;padding:10px 5px}.shortcuts-container button.shortcut-button[data-v-62bcc3ad]{width:100%;position:relative;margin-bottom:10px;border:1px solid #eaeaea;background-color:#fff;height:30px;font-weight:300;line-height:26px;border-radius:30px;font-size:12px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1)}.shortcuts-container button.shortcut-button .datepicker-button-effect[data-v-62bcc3ad]{position:absolute;background:#1e90ff;top:0;bottom:0;right:0;left:0;margin:auto;height:30px;border-radius:30px;width:100%;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0);opacity:.6}.shortcuts-container button.shortcut-button .shortcut-button-content[data-v-62bcc3ad]{position:relative}.shortcuts-container button.shortcut-button[data-v-62bcc3ad]:hover{color:#fff!important;border-color:transparent}.shortcuts-container button.shortcut-button:hover .datepicker-button-effect[data-v-62bcc3ad]{-webkit-transform:scale(1);transform:scale(1)}.shortcuts-container button.shortcut-button.is-selected[data-v-62bcc3ad]{border-color:transparent}.shortcuts-container button.shortcut-button.is-selected .datepicker-button-effect[data-v-62bcc3ad]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.shortcuts-container.is-dark button.shortcut-button[data-v-62bcc3ad]{background:#424242;border-color:#757575}.shortcuts-container.is-dark button.shortcut-button .shortcut-button-content[data-v-62bcc3ad]{color:#fff}.shortcuts-container.is-dark button.shortcut-button.is-selected[data-v-62bcc3ad],.shortcuts-container.is-dark button.shortcut-button[data-v-62bcc3ad]:hover{border-color:transparent}@media screen and (max-width:415px){.shortcuts-container[data-v-62bcc3ad]:not(.inline){width:100%;border-bottom:1px solid #eaeaea;height:unset!important;overflow:auto}.shortcuts-container.is-dark[data-v-62bcc3ad]{border-color:#757575}}.slide-enter-active[data-v-5f212b3c],.slide-leave-active[data-v-5f212b3c]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-5f212b3c],.slide-leave-to[data-v-5f212b3c]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-5f212b3c],.slideinvert-leave-active[data-v-5f212b3c]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-5f212b3c],.slideinvert-leave-to[data-v-5f212b3c]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-5f212b3c],.slidenext-leave-active[data-v-5f212b3c],.slideprev-enter-active[data-v-5f212b3c],.slideprev-leave-active[data-v-5f212b3c]{position:absolute;transition:all .3s}.slidenext-enter[data-v-5f212b3c],.slideprev-leave-to[data-v-5f212b3c]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-5f212b3c],.slideprev-enter[data-v-5f212b3c]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-5f212b3c],.slidevnext-leave-active[data-v-5f212b3c],.slidevprev-enter-active[data-v-5f212b3c],.slidevprev-leave-active[data-v-5f212b3c]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-5f212b3c],.slidevprev-leave-to[data-v-5f212b3c]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-5f212b3c],.slidevprev-enter[data-v-5f212b3c]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-5f212b3c],.slide-leave-active[data-v-5f212b3c],.slideinvert-enter-active[data-v-5f212b3c],.slideinvert-leave-active[data-v-5f212b3c]{transition:all 0s}}.datetimepicker[data-v-5f212b3c]{position:absolute}.datetimepicker .datepicker[data-v-5f212b3c]{font-family:Roboto,sans-serif;position:absolute;z-index:5;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);max-width:400px}.datetimepicker .datepicker .datetimepicker-container[data-v-5f212b3c]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker-header[data-v-5f212b3c]{background:#fff!important;color:#000;padding:13px 0 0 15px!important;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.datetimepicker .datepicker-header .datepicker-year[data-v-5f212b3c]{opacity:.7;margin-bottom:3px;font-size:14px;line-height:14px;position:relative;height:14px}.datetimepicker .datepicker-header .datepicker-date[data-v-5f212b3c],.datetimepicker .datepicker-header .datepicker-hour[data-v-5f212b3c],.datetimepicker .datepicker-header .datepicker-minute[data-v-5f212b3c],.datetimepicker .datepicker-header .datepicker-time[data-v-5f212b3c]{font-size:16px;line-height:16px;position:relative;height:16px}.datetimepicker .datepicker-header .datepicker-date[data-v-5f212b3c]{text-transform:capitalize}.datetimepicker .datepicker .date-range-picker[data-v-5f212b3c]{border-left:1px solid #eaeaea}.datetimepicker.is-dark .datepicker[data-v-5f212b3c],.datetimepicker.is-dark .datetimepicker-container[data-v-5f212b3c]{background:#424242}.datetimepicker.is-dark .date-range-picker[data-v-5f212b3c]{border-left:1px solid #757575}.datetimepicker.has-validate-button .datetimepicker-container[data-v-5f212b3c]{border-radius:0}.inline .datepicker[data-v-5f212b3c],.inline.datetimepicker[data-v-5f212b3c]{position:relative}.inline .datepicker[data-v-5f212b3c]{margin-bottom:0!important;box-shadow:none;-webkit-box-shadow:none;width:100%;max-width:100%}@media screen and (max-width:415px){.datetimepicker[data-v-5f212b3c]:not(.inline){margin:0!important;position:absolute;top:0!important;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .datepicker[data-v-5f212b3c]{bottom:0!important;top:0!important;left:0!important;right:0!important;width:100%;max-width:inherit;position:fixed;height:100%;margin:0!important}.datetimepicker:not(.inline) .datepicker-header[data-v-5f212b3c]{padding:10px!important}.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-5f212b3c]{min-width:100px!important;max-width:100px!important}.datetimepicker:not(.inline) .datepicker-header .datepicker-time .flex-1[data-v-5f212b3c],.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-5f212b3c]{justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-webkit-box-align:end}.datetimepicker:not(.inline) .date-range-picker[data-v-5f212b3c]{border-left:none}.datetimepicker.is-dark .date-range-picker[data-v-5f212b3c]{border-left:none;border-color:#757575}.datetimepicker .datetimepicker-container[data-v-5f212b3c]{flex-direction:column;flex-flow:column;-moz-flex-direction:column}}.ctk-date-time-picker{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.ctk-date-time-picker input,.ctk-date-time-picker label,.ctk-date-time-picker p,.ctk-date-time-picker span{font-family:Graphik_Normal}.ctk-date-time-picker *,.ctk-date-time-picker :after,.ctk-date-time-picker :before{box-sizing:border-box}.ctk-date-time-picker .dots-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctk-date-time-picker .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.ctk-date-time-picker .container{max-width:540px}}@media (min-width:768px){.ctk-date-time-picker .container{max-width:720px}}@media (min-width:992px){.ctk-date-time-picker .container{max-width:960px}}@media (min-width:1200px){.ctk-date-time-picker .container{max-width:1140px}}.ctk-date-time-picker .text-muted{color:#acb6bf!important}.ctk-date-time-picker .text-strong{font-weight:500}.ctk-date-time-picker .text-center{text-align:center!important}.ctk-date-time-picker .text-left{text-align:left!important}.ctk-date-time-picker .text-right{text-align:right!important}.ctk-date-time-picker .fs-12{font-size:12px!important}.ctk-date-time-picker .fs-14{font-size:14px!important}.ctk-date-time-picker .fs-16{font-size:16px!important}.ctk-date-time-picker .fs-18{font-size:18px!important}.ctk-date-time-picker .fw-300{font-weight:300}.ctk-date-time-picker .fw-400{font-weight:400}.ctk-date-time-picker .fw-500{font-weight:500}.ctk-date-time-picker .br-4{border-radius:4px}.ctk-date-time-picker .h-100{height:100%!important}.ctk-date-time-picker .mh-100{max-height:100%!important}.ctk-date-time-picker .w-100{width:100%!important}.ctk-date-time-picker .fluid{width:100%}.ctk-date-time-picker .fill-height{align-items:center;display:flex;height:100%;flex:1 1 100%}.ctk-date-time-picker .spacer{flex-grow:1!important}.ctk-date-time-picker .align-center{align-items:center}.ctk-date-time-picker .flex{display:flex}.ctk-date-time-picker .flex-start{align-items:flex-start;justify-content:flex-start;-ms-flex-pack:start;-moz-box-align:start;-moz-box-pack:start;-webkit-box-pack:start;-webkit-justify-content:flex-start}.ctk-date-time-picker .flex-end{align-items:flex-end;justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end}.ctk-date-time-picker .flex-direction-column{flex-direction:column;flex-flow:column;-moz-flex-direction:column}.ctk-date-time-picker .flex-direction-column-reverse{flex-direction:column-reverse;flex-flow:column-reverse;-moz-flex-direction:column-reverse}.ctk-date-time-picker .flex-direction-row{flex-direction:row;flex-flow:row;-moz-flex-direction:row}.ctk-date-time-picker .justify-content-right{justify-content:flex-end;-ms-flex-pack:end;-moz-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-webkit-box-align:end}.ctk-date-time-picker .justify-content-center{justify-content:center;-ms-flex-pack:center;-moz-box-align:center;-moz-box-pack:center;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-align:center}.ctk-date-time-picker .justify-content-between{justify-content:space-between;-ms-flex-pack:justify;-moz-box-align:stretch;-moz-box-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;-webkit-box-align:stretch}.ctk-date-time-picker .flex-fill{-moz-flex:0 1 auto;flex:0 1 auto}.ctk-date-time-picker .flex-fixed{-moz-flex:0 0 auto;flex:0 0 auto}.ctk-date-time-picker .flex-1{-moz-flex:1;flex:1}.ctk-date-time-picker{width:100%;margin:0 auto;text-align:left;font-size:14px;border-radius:4px;position:relative}.ctk-date-time-picker *{box-sizing:border-box}.ctk-date-time-picker .time-picker-overlay{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0}.ctk-date-time-picker .time-picker-overlay.has-background{background:rgba(0,0,0,.4)}.ctk-date-time-picker .field{position:relative}.ctk-date-time-picker .field .field-label{position:absolute;top:3px;cursor:pointer;left:13px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:rgba(0,0,0,.54)}.ctk-date-time-picker .field.has-error .field-input{border-color:#ff4500!important}.ctk-date-time-picker .field.has-error .field-label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.ctk-date-time-picker .field.has-error .field-input{padding-top:14px}.ctk-date-time-picker .field.has-value .field-label{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.ctk-date-time-picker .field.has-value .field-input{padding-top:14px}.ctk-date-time-picker .field.is-focused .field-input{border-color:#1e90ff}.ctk-date-time-picker .field.is-focused .field-label{color:#1e90ff}.ctk-date-time-picker .field.is-disabled .field-input{border-color:#ccc;background:#f2f2f2}.ctk-date-time-picker .field.is-disabled .field-input,.ctk-date-time-picker .field.is-disabled .field-label{cursor:default}.ctk-date-time-picker .text-danger{color:#ff4500!important}.ctk-date-time-picker.is-dark .field-label{color:#ffffffb3}.ctk-date-time-picker.is-dark .field-input{background-color:#424242;border-color:#ffffffb3;color:#ffffffb3}.ctk-date-time-picker.is-dark ::-webkit-input-placeholder{color:#ffffffb3}.ctk-date-time-picker.is-dark :-moz-placeholder{color:#ffffffb3;opacity:1}.ctk-date-time-picker.is-dark :-ms-input-placeholder,.ctk-date-time-picker.is-dark ::-ms-input-placeholder{color:#ffffffb3}.ctk-date-time-picker.is-dark ::placeholder{color:#ffffffb3}@media screen and (max-width:415px){.time-picker-overlay{display:none}.ctk-date-time-picker:not(.inline){position:inherit!important}}