vue-ctk-date-time-picker-fixed
Version:
A vue component for select date & time (by Chronotruck)
1 lines • 29.2 kB
CSS
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700);.timepicker-container[data-v-611f2ad3]{width:160px}.timepicker-container .time-container[data-v-611f2ad3]{position:relative}.timepicker-container .time-container.hours-container[data-v-611f2ad3]{border-left:1px solid #eaeaea}.timepicker-container .time-container .time-label[data-v-611f2ad3]{padding:.3em 0;color:#000}.timepicker-container .time-container .numbers-container[data-v-611f2ad3]{padding:0;margin:0;list-style:none;overflow:auto}.timepicker-container .time-container .numbers-container .item[data-v-611f2ad3]{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-611f2ad3]{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-611f2ad3]{position:relative}.timepicker-container .time-container .numbers-container .item[data-v-611f2ad3]: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-611f2ad3]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.timepicker-container .time-container .numbers-container .item.active[data-v-611f2ad3],.timepicker-container .time-container .numbers-container .item.active[data-v-611f2ad3]:hover{color:#fff}.timepicker-container .time-container .numbers-container .item.active .timepicker-day-effect[data-v-611f2ad3],.timepicker-container .time-container .numbers-container .item.active:hover .timepicker-day-effect[data-v-611f2ad3]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.timepicker-container.is-dark .time-container.hours-container[data-v-611f2ad3]{border-color:#757575}.timepicker-container.is-dark .time-container .numbers-container .item[data-v-611f2ad3]{color:#fff}.timepicker-container.is-dark .time-container .time-label[data-v-611f2ad3]{color:#a8a8a8 }.timepicker-container.only-time .time-container.hours-container[data-v-611f2ad3]{border:none}@media screen and (max-width:415px){.timepicker-container[data-v-611f2ad3]:not(.inline){width:100%;border-top:1px solid #eaeaea;height:unset }.timepicker-container:not(.inline) .time-container.hours-container[data-v-611f2ad3]{border:0}.timepicker-container.is-dark[data-v-611f2ad3]{border-color:#757575}}.slide-enter-active[data-v-1085bac2],.slide-leave-active[data-v-1085bac2]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-1085bac2],.slide-leave-to[data-v-1085bac2]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-1085bac2],.slideinvert-leave-active[data-v-1085bac2]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-1085bac2],.slideinvert-leave-to[data-v-1085bac2]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-1085bac2],.slidenext-leave-active[data-v-1085bac2],.slideprev-enter-active[data-v-1085bac2],.slideprev-leave-active[data-v-1085bac2]{position:absolute;transition:all .3s}.slidenext-enter[data-v-1085bac2],.slideprev-leave-to[data-v-1085bac2]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-1085bac2],.slideprev-enter[data-v-1085bac2]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-1085bac2],.slidevnext-leave-active[data-v-1085bac2],.slidevprev-enter-active[data-v-1085bac2],.slidevprev-leave-active[data-v-1085bac2]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-1085bac2],.slidevprev-leave-to[data-v-1085bac2]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-1085bac2],.slidevprev-enter[data-v-1085bac2]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-1085bac2],.slide-leave-active[data-v-1085bac2],.slideinvert-enter-active[data-v-1085bac2],.slideinvert-leave-active[data-v-1085bac2]{transition:all 0s}}#CtkDatePicker.datepicker-container[data-v-1085bac2]{width:290px;padding:0 5px}#CtkDatePicker.datepicker-container.p-0[data-v-1085bac2]{padding:0}#CtkDatePicker.datepicker-container .datepicker-controls[data-v-1085bac2]{height:56px}#CtkDatePicker.datepicker-container .datepicker-controls .arrow-month[data-v-1085bac2]{flex:0 0 40px}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button[data-v-1085bac2]{background:transparent;cursor:pointer;padding:0 10px;border:none;outline:none}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button svg[data-v-1085bac2]{height:17px;width:17px;fill:#2c3e50}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button.datepicker-prev[data-v-1085bac2]{text-align:left!important}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-button.datepicker-next[data-v-1085bac2]{text-align:right!important}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-container-label[data-v-1085bac2]{text-transform:capitalize;font-size:18px;line-height:18px;position:relative;height:18px;overflow:hidden}#CtkDatePicker.datepicker-container .datepicker-controls .datepicker-label[data-v-1085bac2]{text-transform:capitalize}#CtkDatePicker.datepicker-container .datepicker-week[data-v-1085bac2]{height:41px;text-transform:capitalize}#CtkDatePicker.datepicker-container .month-container[data-v-1085bac2]{position:relative;overflow:hidden}#CtkDatePicker.datepicker-container .datepicker-days[data-v-1085bac2]{display:flex;display:-ms-flexbox;overflow:hidden;flex-wrap:wrap;-ms-flex-wrap:wrap}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day[data-v-1085bac2]{height:41px;flex-grow:1;width:14.28571%;position:relative;border:none;background:transparent;font-size:13px;outline:none}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.enable[data-v-1085bac2]{cursor:pointer}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day-effect[data-v-1085bac2],#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-1085bac2]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:30px;width:30px;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-1085bac2]{margin:auto;opacity:.6;background:#1e90ff;-webkit-transform:scale(0);transform:scale(0)}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-1085bac2]{background-color:#eaeaea}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day .datepicker-day-text[data-v-1085bac2]{position:relative;color:#000}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-text[data-v-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-effect[data-v-1085bac2]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-text[data-v-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-effect[data-v-1085bac2]{-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-1085bac2]{border-top-left-radius:30px;border-bottom-left-radius:30px}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect[data-v-1085bac2]{border-top-right-radius:30px;border-bottom-right-radius:30px}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-text[data-v-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-effect[data-v-1085bac2]{-webkit-transform:scale(1);transform:scale(1);opacity:1}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-text[data-v-1085bac2]{color:#ccc}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled.selected[data-v-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-effect[data-v-1085bac2]{-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-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected).disabled .datepicker-day-text[data-v-1085bac2]{color:#757575}#CtkDatePicker.datepicker-container.is-dark .text-muted[data-v-1085bac2]{color:#a8a8a8 }#CtkDatePicker.datepicker-container.is-dark .datepicker-button svg[data-v-1085bac2]{fill:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-label[data-v-1085bac2]{color:#fff}#CtkDatePicker.datepicker-container.is-dark .datepicker-today[data-v-1085bac2]{background-color:#292929 }@media screen and (max-width:415px){#CtkDatePicker.datepicker-container[data-v-1085bac2]{width:100%}#CtkDatePicker.datepicker-container:not(.inline) .datepicker-controls[data-v-1085bac2]{height:36px }#CtkDatePicker.datepicker-container:not(.inline) .datepicker-week[data-v-1085bac2]{height:21px }}.datepicker-buttons-container[data-v-52108c28]{padding:5px 10px;border-top:1px solid #eaeaea;background-color:#fff;display:flex }.datepicker-buttons-container .datepicker-button[data-v-52108c28]{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-52108c28]{position:relative;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;fill:#00c853}.datepicker-buttons-container .datepicker-button .datepicker-button-effect[data-v-52108c28]{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-52108c28]:hover{border:1px solid transparent}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-effect[data-v-52108c28]{-webkit-transform:scale(1);transform:scale(1)}.datepicker-buttons-container .datepicker-button:hover svg[data-v-52108c28]{fill:#fff }.datepicker-buttons-container.is-dark .datepicker-button[data-v-52108c28],.datepicker-buttons-container.is-dark[data-v-52108c28]{background-color:#424242;border-color:#757575}.datepicker-buttons-container.is-dark .datepicker-button svg[data-v-52108c28],.datepicker-buttons-container.is-dark svg[data-v-52108c28]{fill:#fff }.slide-enter-active[data-v-6d4ecc01],.slide-leave-active[data-v-6d4ecc01]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-6d4ecc01],.slide-leave-to[data-v-6d4ecc01]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-6d4ecc01],.slideinvert-leave-active[data-v-6d4ecc01]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-6d4ecc01],.slideinvert-leave-to[data-v-6d4ecc01]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-6d4ecc01],.slidenext-leave-active[data-v-6d4ecc01],.slideprev-enter-active[data-v-6d4ecc01],.slideprev-leave-active[data-v-6d4ecc01]{position:absolute;transition:all .3s}.slidenext-enter[data-v-6d4ecc01],.slideprev-leave-to[data-v-6d4ecc01]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-6d4ecc01],.slideprev-enter[data-v-6d4ecc01]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-6d4ecc01],.slidevnext-leave-active[data-v-6d4ecc01],.slidevprev-enter-active[data-v-6d4ecc01],.slidevprev-leave-active[data-v-6d4ecc01]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-6d4ecc01],.slidevprev-leave-to[data-v-6d4ecc01]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-6d4ecc01],.slidevprev-enter[data-v-6d4ecc01]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-6d4ecc01],.slide-leave-active[data-v-6d4ecc01],.slideinvert-enter-active[data-v-6d4ecc01],.slideinvert-leave-active[data-v-6d4ecc01]{transition:all 0s}}.datetimepicker[data-v-6d4ecc01]{position:absolute}.datetimepicker .datepicker[data-v-6d4ecc01]{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-6d4ecc01]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker-header[data-v-6d4ecc01]{background:#1e90ff;color:#fff;padding:10px 0 10px 10px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.datetimepicker .datepicker-header .datepicker-year[data-v-6d4ecc01]{opacity:.7;margin-bottom:10px;font-size:14px;line-height:14px;position:relative;height:14px}.datetimepicker .datepicker-header .datepicker-date[data-v-6d4ecc01],.datetimepicker .datepicker-header .datepicker-hour[data-v-6d4ecc01],.datetimepicker .datepicker-header .datepicker-minute[data-v-6d4ecc01],.datetimepicker .datepicker-header .datepicker-time[data-v-6d4ecc01]{font-size:20px;line-height:20px;position:relative;height:20px}.datetimepicker .datepicker-header .datepicker-date[data-v-6d4ecc01]{text-transform:capitalize}.datetimepicker .datepicker-header .datepicker-hour[data-v-6d4ecc01]:not(.justify-content-center){padding-left:10px}.datetimepicker.is-dark .datepicker[data-v-6d4ecc01],.datetimepicker.is-dark .datetimepicker-container[data-v-6d4ecc01]{background:#424242}.datetimepicker.has-validate-button .datetimepicker-container[data-v-6d4ecc01]{border-radius:0}.inline .datepicker[data-v-6d4ecc01],.inline.datetimepicker[data-v-6d4ecc01]{position:relative}.inline .datepicker[data-v-6d4ecc01]{margin-bottom:0 ;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-6d4ecc01]{flex-direction:column;flex-flow:column;-moz-flex-direction:column}.datetimepicker[data-v-6d4ecc01]:not(.inline){margin:0 ;position:absolute;top:0 ;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .datepicker[data-v-6d4ecc01]{bottom:0 ;top:0 ;left:0 ;right:0 ;width:100%;max-width:inherit;position:fixed;height:100%;margin:0 }.datetimepicker:not(.inline) .datepicker-header[data-v-6d4ecc01]{padding:10px }.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-6d4ecc01]{min-width:100px ;max-width:100px }.datetimepicker:not(.inline) .datepicker-header .datepicker-time .flex-1[data-v-6d4ecc01],.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-6d4ecc01]{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-597314a1]{width:160px;padding:10px 5px}.shortcuts-container button.shortcut-button[data-v-597314a1]{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-597314a1]{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-597314a1]{position:relative}.shortcuts-container button.shortcut-button[data-v-597314a1]:hover{color:#fff ;border-color:transparent}.shortcuts-container button.shortcut-button:hover .datepicker-button-effect[data-v-597314a1]{-webkit-transform:scale(1);transform:scale(1)}.shortcuts-container button.shortcut-button.is-selected[data-v-597314a1]{border-color:transparent}.shortcuts-container button.shortcut-button.is-selected .datepicker-button-effect[data-v-597314a1]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.shortcuts-container.is-dark button.shortcut-button[data-v-597314a1]{background:#424242;border-color:#757575}.shortcuts-container.is-dark button.shortcut-button .shortcut-button-content[data-v-597314a1]{color:#fff}.shortcuts-container.is-dark button.shortcut-button.is-selected[data-v-597314a1],.shortcuts-container.is-dark button.shortcut-button[data-v-597314a1]:hover{border-color:transparent}@media screen and (max-width:415px){.shortcuts-container[data-v-597314a1]:not(.inline){width:100%;border-bottom:1px solid #eaeaea;height:unset ;overflow:auto}.shortcuts-container.is-dark[data-v-597314a1]{border-color:#757575}}.slide-enter-active[data-v-2f223340],.slide-leave-active[data-v-2f223340]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slide-enter[data-v-2f223340],.slide-leave-to[data-v-2f223340]{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.slideinvert-enter-active[data-v-2f223340],.slideinvert-leave-active[data-v-2f223340]{opacity:1;z-index:998;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.slideinvert-enter[data-v-2f223340],.slideinvert-leave-to[data-v-2f223340]{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.slidenext-enter-active[data-v-2f223340],.slidenext-leave-active[data-v-2f223340],.slideprev-enter-active[data-v-2f223340],.slideprev-leave-active[data-v-2f223340]{position:absolute;transition:all .3s}.slidenext-enter[data-v-2f223340],.slideprev-leave-to[data-v-2f223340]{-webkit-transform:translateX(100%);transform:translateX(100%)}.slidenext-leave-to[data-v-2f223340],.slideprev-enter[data-v-2f223340]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slidevnext-enter-active[data-v-2f223340],.slidevnext-leave-active[data-v-2f223340],.slidevprev-enter-active[data-v-2f223340],.slidevprev-leave-active[data-v-2f223340]{position:absolute;transition:all .3s}.slidevnext-enter[data-v-2f223340],.slidevprev-leave-to[data-v-2f223340]{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slidevnext-leave-to[data-v-2f223340],.slidevprev-enter[data-v-2f223340]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.slide-enter-active[data-v-2f223340],.slide-leave-active[data-v-2f223340],.slideinvert-enter-active[data-v-2f223340],.slideinvert-leave-active[data-v-2f223340]{transition:all 0s}}.datetimepicker[data-v-2f223340]{position:absolute}.datetimepicker .datepicker[data-v-2f223340]{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-2f223340]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker-header[data-v-2f223340]{background:#1e90ff;color:#fff;padding:10px 0 10px 10px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.datetimepicker .datepicker-header .datepicker-year[data-v-2f223340]{opacity:.7;margin-bottom:10px;font-size:14px;line-height:14px;position:relative;height:14px}.datetimepicker .datepicker-header .datepicker-date[data-v-2f223340],.datetimepicker .datepicker-header .datepicker-hour[data-v-2f223340],.datetimepicker .datepicker-header .datepicker-minute[data-v-2f223340],.datetimepicker .datepicker-header .datepicker-time[data-v-2f223340]{font-size:20px;line-height:20px;position:relative;height:20px}.datetimepicker .datepicker-header .datepicker-date[data-v-2f223340]{text-transform:capitalize}.datetimepicker .datepicker .date-range-picker[data-v-2f223340]{border-left:1px solid #eaeaea}.datetimepicker.is-dark .datepicker[data-v-2f223340],.datetimepicker.is-dark .datetimepicker-container[data-v-2f223340]{background:#424242}.datetimepicker.is-dark .date-range-picker[data-v-2f223340]{border-left:1px solid #757575}.datetimepicker.has-validate-button .datetimepicker-container[data-v-2f223340]{border-radius:0}.inline .datepicker[data-v-2f223340],.inline.datetimepicker[data-v-2f223340]{position:relative}.inline .datepicker[data-v-2f223340]{margin-bottom:0 ;box-shadow:none;-webkit-box-shadow:none;width:100%;max-width:100%}@media screen and (max-width:415px){.datetimepicker[data-v-2f223340]:not(.inline){margin:0 ;position:absolute;top:0 ;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .datepicker[data-v-2f223340]{bottom:0 ;top:0 ;left:0 ;right:0 ;width:100%;max-width:inherit;position:fixed;height:100%;margin:0 }.datetimepicker:not(.inline) .datepicker-header[data-v-2f223340]{padding:10px }.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-2f223340]{min-width:100px ;max-width:100px }.datetimepicker:not(.inline) .datepicker-header .datepicker-time .flex-1[data-v-2f223340],.datetimepicker:not(.inline) .datepicker-header .datepicker-time[data-v-2f223340]{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-2f223340]{border-left:none}.datetimepicker.is-dark .date-range-picker[data-v-2f223340]{border-left:none;border-color:#757575}.datetimepicker .datetimepicker-container[data-v-2f223340]{flex-direction:column;flex-flow:column;-moz-flex-direction:column}}.ctk-date-time-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.ctk-date-time-picker,.ctk-date-time-picker input,.ctk-date-time-picker label,.ctk-date-time-picker p,.ctk-date-time-picker span{font-family:Roboto,Helvetica,Arial,sans-serif}.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:rgba(0,0,0,.54) }.ctk-date-time-picker .text-strong{font-weight:500}.ctk-date-time-picker .text-center{text-align:center }.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 }.ctk-date-time-picker .fs-14{font-size:14px }.ctk-date-time-picker .fs-16{font-size:16px }.ctk-date-time-picker .fs-18{font-size:18px }.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% }.ctk-date-time-picker .mh-100{max-height:100% }.ctk-date-time-picker .w-100{width:100% }.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 }.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 .field-input{cursor:pointer;background-color:#fff;transition-duration:.3s;position:relative;width:100%;height:42px;min-height:42px;padding:0 12px;font-weight:300;-webkit-appearance:none;outline:none;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:14px;z-index:0}.ctk-date-time-picker .field.has-error .field-input{border-color:#ff4500 }.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 }.ctk-date-time-picker.is-dark .field-label{color:hsla(0,0%,100%,.7)}.ctk-date-time-picker.is-dark .field-input{background-color:#424242;border-color:hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.ctk-date-time-picker.is-dark ::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.ctk-date-time-picker.is-dark :-moz-placeholder{color:hsla(0,0%,100%,.7);opacity:1}.ctk-date-time-picker.is-dark :-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.ctk-date-time-picker.is-dark ::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.ctk-date-time-picker.is-dark ::placeholder{color:hsla(0,0%,100%,.7)}@media screen and (max-width:415px){.time-picker-overlay{display:none}.ctk-date-time-picker:not(.inline){position:inherit }}