vue-ctk-date-time-picker3
Version:
A vue component for select date & time (modified by Victory Osayi)
1 lines • 34.4 kB
CSS
.custom-button[data-v-991b0432]{padding:0 20px;position:relative;background-color:#fff;border:1px solid transparent;border-radius:4px;height:30px;font-size:13px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);color:#fff;font-weight:500}.custom-button-content[data-v-991b0432]{position:relative}.custom-button svg[data-v-991b0432]{position:relative;fill:#1e90ff}.custom-button .custom-button-effect[data-v-991b0432],.custom-button svg[data-v-991b0432]{-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.custom-button .custom-button-effect[data-v-991b0432]{position:absolute;background:#1e90ff;top:0;left:0;bottom:0;right:0;height:30px;border-radius:4px;width:100%;-webkit-transform:scale(0);transform:scale(0)}.custom-button.with-border[data-v-991b0432]{border:1px solid #eaeaea}.custom-button.is-hover[data-v-991b0432],.custom-button[data-v-991b0432]:hover{border:1px solid transparent}.custom-button.is-hover .custom-button-effect[data-v-991b0432],.custom-button:hover .custom-button-effect[data-v-991b0432]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.custom-button.is-hover svg[data-v-991b0432],.custom-button:hover svg[data-v-991b0432]{fill:#fff}.custom-button.is-hover .custom-button-content[data-v-991b0432],.custom-button:hover .custom-button-content[data-v-991b0432]{color:#fff}.custom-button.is-selected[data-v-991b0432]{border:1px solid transparent}.custom-button.is-selected .custom-button-effect[data-v-991b0432]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.custom-button.is-selected svg[data-v-991b0432]{fill:#fff}.custom-button.is-selected .custom-button-content[data-v-991b0432]{color:#fff}.custom-button.is-dark[data-v-991b0432]{background-color:#424242}.custom-button.is-dark.with-border[data-v-991b0432]{border-color:#757575}.custom-button.is-dark svg[data-v-991b0432]{fill:#fff}.custom-button.round[data-v-991b0432]{padding:0;width:24px;height:24px;border-radius:50%}.custom-button.round .custom-button-effect[data-v-991b0432]{border-radius:50%;height:24px}.field[data-v-f5832120]{position:relative}.field.is-dark .field-label[data-v-f5832120]{color:hsla(0,0%,100%,.7)}.field.is-dark .field-input[data-v-f5832120]{background-color:#424242;border-color:hsla(0,0%,100%,.7);color:hsla(0,0%,100%,.7)}.field.is-dark.is-disabled .field-input[data-v-f5832120],.field.is-dark.is-disabled .field-label[data-v-f5832120]{color:#000}.field-label[data-v-f5832120]{position:absolute;top:5px;cursor:pointer;left:13px;-webkit-transform:translateY(25%);transform:translateY(25%);opacity:0;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);font-size:11px;color:rgba(0,0,0,.54)}.field-input[data-v-f5832120]{cursor:pointer;background-color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;position:relative;width:100%;height:42px;min-height:42px;padding-left:12px;padding-right:44px;font-weight:400;-webkit-appearance:none;outline:none;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:14px;z-index:0}.field-input.no-clear-button[data-v-f5832120]{padding:0 12px}.field-clear-button[data-v-f5832120]{position:absolute;right:12px;top:0;bottom:0;margin:auto 0}.field.has-error .field-input[data-v-f5832120]{border-color:#ff4500}.field.has-error .field-label[data-v-f5832120]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.field.has-error .field-input[data-v-f5832120]{padding-top:14px}.field.has-value .field-label[data-v-f5832120]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);font-size:11px}.field.has-value:not(.no-label) .field-input[data-v-f5832120]{padding-top:14px}.field.is-focused .field-input[data-v-f5832120]{border-color:#1e90ff}.field.is-focused .field-label[data-v-f5832120]{color:#1e90ff}.field.is-disabled .field-input[data-v-f5832120]{border-color:#ccc;background:#f2f2f2}.field.is-disabled .field-input[data-v-f5832120],.field.is-disabled .field-label[data-v-f5832120]{cursor:default}.field .text-danger[data-v-f5832120]{color:#ff4500}.field.is-dark[data-v-f5832120] ::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-f5832120] ::-moz-placeholder{color:hsla(0,0%,100%,.7);opacity:1}.field.is-dark[data-v-f5832120] :-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-f5832120] ::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark[data-v-f5832120] ::placeholder{color:hsla(0,0%,100%,.7)}.field.is-dark.is-disabled[data-v-f5832120] ::-webkit-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-f5832120] ::-moz-placeholder{color:#424242;opacity:1}.field.is-dark.is-disabled[data-v-f5832120] :-ms-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-f5832120] ::-ms-input-placeholder{color:#424242}.field.is-dark.is-disabled[data-v-f5832120] ::placeholder{color:#424242}.field.sm .field-input[data-v-f5832120]{height:36px;min-height:36px;font-size:12px}.field.sm .field-label[data-v-f5832120]{font-size:10px}.field.sm.has-value:not(.no-label) .field-input[data-v-f5832120]{padding-top:12px}.field.lg .field-input[data-v-f5832120]{height:48px;min-height:48px;font-size:16px}.field.lg .field-label[data-v-f5832120]{font-size:14px}.field.lg.has-value:not(.no-label) .field-input[data-v-f5832120]{padding-top:16px}.shortcuts-container[data-v-03bb6169]{width:140px;max-width:140px;min-width:140px;padding:10px 5px;border-right:1px solid #eaeaea;overflow:auto}.shortcuts-container button.shortcut-button[data-v-03bb6169]{margin-bottom:10px;width:100%}.shortcuts-container.is-dark[data-v-03bb6169]{border-color:#757575}@media screen and (max-width:415px){.shortcuts-container[data-v-03bb6169]:not(.inline){width:100%;max-width:100%;min-width:100%;max-width:100vw;min-width:100vw;border-right:0;border-bottom:1px solid #eaeaea;height:52px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}.shortcuts-container:not(.inline) .shortcut-button[data-v-03bb6169]{margin-bottom:0}.shortcuts-container:not(.inline) .shortcut-button[data-v-03bb6169]:not(:last-child){margin-right:10px}.shortcuts-container.is-dark[data-v-03bb6169]{border-color:#757575}}.year-month-selector[data-v-ea844e0e]{position:absolute;background-color:#fff;top:0;bottom:0;left:0;right:0;color:#424242;padding:10px}.year-month-selector.dark[data-v-ea844e0e]{color:#fff;background-color:#424242}.year-month-selector .month-button[data-v-ea844e0e]{text-transform:capitalize}.week-days[data-v-a5a27e8c]{height:41px;text-transform:capitalize}.week-days.is-dark .week-days-container[data-v-a5a27e8c]{color:#a8a8a8}@media screen and (max-width:415px){:not(.inline) .datepicker-week[data-v-a5a27e8c]{height:21px}}.datepicker-container[data-v-6aa00e26]{width:260px;padding:0 5px;position:relative}.datepicker-container.range.has-shortcuts[data-v-6aa00e26]{width:400px}.datepicker-container.p-0[data-v-6aa00e26]{padding:0}.datepicker-container .padding-button[data-v-6aa00e26]{padding:5px 3px}.datepicker-container .calendar[data-v-6aa00e26]{position:relative}.datepicker-container .datepicker-controls[data-v-6aa00e26]{height:56px}.datepicker-container .datepicker-controls .arrow-month[data-v-6aa00e26]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.datepicker-container .datepicker-controls .datepicker-button[data-v-6aa00e26]{background:transparent;cursor:pointer;padding:0 10px;border:none;outline:none}.datepicker-container .datepicker-controls .datepicker-button svg[data-v-6aa00e26]{height:17px;width:17px;fill:#2c3e50}.datepicker-container .datepicker-controls .datepicker-button.datepicker-prev[data-v-6aa00e26]{text-align:left!important}.datepicker-container .datepicker-controls .datepicker-button.datepicker-next[data-v-6aa00e26]{text-align:right!important}.datepicker-container .datepicker-controls .datepicker-container-label[data-v-6aa00e26]{text-transform:capitalize;font-size:16px;position:relative;height:56px;overflow:hidden}.datepicker-container .datepicker-controls .date-buttons[data-v-6aa00e26]{text-transform:capitalize;font-weight:400}.datepicker-container .month-container[data-v-6aa00e26]{position:relative;overflow:hidden}.datepicker-container .datepicker-days[data-v-6aa00e26]{display:-webkit-box;display:flex;display:-ms-flexbox;overflow:hidden;flex-wrap:wrap;-ms-flex-wrap:wrap}.datepicker-container .datepicker-days .datepicker-day[data-v-6aa00e26]{height:41px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:14.28571%;position:relative;border:none;background:transparent;font-size:13px;outline:none}.datepicker-container .datepicker-days .datepicker-day.enable[data-v-6aa00e26]{cursor:pointer}.datepicker-container .datepicker-days .datepicker-day-effect[data-v-6aa00e26],.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-6aa00e26]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:30px;width:30px;border-radius:4px;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect[data-v-6aa00e26]{margin:auto;opacity:.6;background:#1e90ff;-webkit-transform:scale(0);transform:scale(0)}.datepicker-container .datepicker-days .datepicker-day .datepicker-today[data-v-6aa00e26]{background-color:#eaeaea}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-text[data-v-6aa00e26]{position:relative;color:#000}.datepicker-container .datepicker-days .datepicker-day .datepicker-day-keyboard-selected[data-v-6aa00e26]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:26px;width:26px;opacity:.7;border-radius:50%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;background-color:#afafaf}.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-text[data-v-6aa00e26]{color:#fff}.datepicker-container .datepicker-days .datepicker-day:hover .datepicker-day-effect[data-v-6aa00e26]{-webkit-transform:scale(1);transform:scale(1);opacity:.6}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-text[data-v-6aa00e26]{color:#fff}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-effect[data-v-6aa00e26]{-webkit-transform:scale(1);transform:scale(1);opacity:.5;border-radius:0;width:100%}.datepicker-container .datepicker-days .datepicker-day.between.first .datepicker-day-effect[data-v-6aa00e26]{border-top-left-radius:4px;border-bottom-left-radius:4px}.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-effect[data-v-6aa00e26]{border-top-right-radius:4px;border-bottom-right-radius:4px}.datepicker-container .datepicker-days .datepicker-day.between .datepicker-day-keyboard-selected[data-v-6aa00e26],.datepicker-container .datepicker-days .datepicker-day.between.first .datepicker-day-keyboard-selected[data-v-6aa00e26],.datepicker-container .datepicker-days .datepicker-day.between.last .datepicker-day-keyboard-selected[data-v-6aa00e26]{background-color:rgba(0,0,0,.66)}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-text[data-v-6aa00e26]{color:#fff;font-weight:700}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-effect[data-v-6aa00e26]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.datepicker-container .datepicker-days .datepicker-day.selected .datepicker-day-keyboard-selected[data-v-6aa00e26]{background-color:rgba(0,0,0,.66)}.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-text[data-v-6aa00e26]{color:#ccc}.datepicker-container .datepicker-days .datepicker-day.disabled.selected[data-v-6aa00e26]{color:#fff}.datepicker-container .datepicker-days .datepicker-day.disabled .datepicker-day-effect[data-v-6aa00e26]{-webkit-transform:scale(0);transform:scale(0);opacity:0}.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected) .datepicker-day-text[data-v-6aa00e26]{color:#fff}.datepicker-container.is-dark .datepicker-days .datepicker-day:not(.between):not(.selected).disabled .datepicker-day-text[data-v-6aa00e26]{color:#757575}.datepicker-container.is-dark .datepicker-label[data-v-6aa00e26]{color:#fff}.datepicker-container.is-dark .text-muted[data-v-6aa00e26]{color:#a8a8a8}.datepicker-container.is-dark .datepicker-button svg[data-v-6aa00e26]{fill:#fff}.datepicker-container.is-dark .datepicker-today[data-v-6aa00e26]{background-color:#292929}@media screen and (max-width:415px){.datepicker-container[data-v-6aa00e26]{width:100%;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column}.datepicker-container:not(.inline) .datepicker-controls[data-v-6aa00e26]{height:36px}.datepicker-container.range.has-shortcuts[data-v-6aa00e26]{width:100%}}.time-picker-column[data-v-1c0f6a9f]::-webkit-scrollbar{display:none}.time-picker[data-v-1c0f6a9f]{width:160px;max-width:160px;position:relative;z-index:1}.time-picker.inline[data-v-1c0f6a9f]{width:100%;max-width:100%}.time-picker[data-v-1c0f6a9f]:after,.time-picker[data-v-1c0f6a9f]:before{content:"";top:50%;position:absolute;margin:0 auto;margin-top:-14px;height:30px;z-index:-1;width:85%;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.time-picker-column[data-v-1c0f6a9f]{position:relative;overflow-y:auto}.time-picker-column-item[data-v-1c0f6a9f]{height:28px;min-height:28px;padding:0;color:#252525;cursor:pointer;position:relative;border:none;background:transparent;font-size:13px;width:100%;outline:none}.time-picker-column-item-effect[data-v-1c0f6a9f]{position:absolute;opacity:.6;background:#1e90ff;height:24px;width:70%;top:2px;left:15%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0);border-radius:4px}.time-picker-column-item-effect[data-v-1c0f6a9f]:hover{-webkit-transform:scale(1);transform:scale(1)}.time-picker-column-item-text[data-v-1c0f6a9f]{position:relative}.time-picker-column-item:hover .time-picker-column-item-text[data-v-1c0f6a9f]{color:#fff;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms}.time-picker-column-item:hover .time-picker-column-item-effect[data-v-1c0f6a9f]{-webkit-transform:scale(1);transform:scale(1)}.time-picker-column-item.active[data-v-1c0f6a9f]{color:#fff;font-weight:700}.time-picker-column-item.active .time-picker-column-item-effect[data-v-1c0f6a9f]{-webkit-transform:scale(1);transform:scale(1);opacity:1}.time-picker-column-item.disabled .time-picker-column-item-text[data-v-1c0f6a9f]{color:#ccc}.time-picker-column-item.disabled .time-picker-column-item-text[data-v-1c0f6a9f]:hover{color:#ccc}.time-picker-column-item.disabled .time-picker-column-item-effect[data-v-1c0f6a9f]{-webkit-transform:scale(0);transform:scale(0);opacity:0}.time-picker-column-item.disabled.active .time-picker-column-item-effect[data-v-1c0f6a9f]{background-color:#eaeaea;-webkit-transform:scale(1);transform:scale(1);opacity:1}.time-picker.with-border[data-v-1c0f6a9f]{border-left:1px solid #eaeaea}.time-picker.with-border.is-dark[data-v-1c0f6a9f]{border-left:1px solid #757575}.time-picker.is-dark .time-picker-column-item-text[data-v-1c0f6a9f]{color:#fff}@media screen and (max-width:415px){.time-picker.inline[data-v-1c0f6a9f]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-left:none}.time-picker[data-v-1c0f6a9f]:not(.inline){border:0;border-top:1px solid #eaeaea;width:100%;max-width:100%;height:unset;overflow:hidden}.time-picker:not(.inline).dark[data-v-1c0f6a9f]{border-top:1px solid #757575}.timepicker-container.is-dark[data-v-1c0f6a9f]{border-color:#757575}}.header-picker[data-v-bd1e1306]{background:#fff;border-bottom:1px solid #eaeaea;color:#fff;position:relative}.header-picker-year[data-v-bd1e1306]{opacity:.7;margin-bottom:5px;font-size:14px;line-height:14px;position:relative;height:14px}.header-picker-date[data-v-bd1e1306],.header-picker-hour[data-v-bd1e1306],.header-picker-minute[data-v-bd1e1306],.header-picker-range[data-v-bd1e1306],.header-picker-time[data-v-bd1e1306]{font-size:18px;line-height:18px;position:relative;height:18px}.header-picker-date[data-v-bd1e1306]{text-transform:capitalize}.header-picker-hour.twelve[data-v-bd1e1306]{min-width:74px}.header-picker .pl-10[data-v-bd1e1306]{padding-left:10px}.header-picker .time-number[data-v-bd1e1306]{width:22px}.header-picker.is-dark[data-v-bd1e1306]{border:0;color:#fff}.datepicker-buttons-container[data-v-288530fa]{padding:5px;border-top:1px solid #eaeaea;background-color:#fff;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex}.datepicker-buttons-container .datepicker-button[data-v-288530fa]{padding:0 20px;position:relative;background-color:#fff;border:1px solid transparent;border-radius:4px;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-content[data-v-288530fa]{position:relative}.datepicker-buttons-container .datepicker-button svg[data-v-288530fa]{position:relative;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;fill:#00c853}.datepicker-buttons-container .datepicker-button .datepicker-button-effect[data-v-288530fa]{position:absolute;background:#00c853;top:0;left:0;bottom:0;right:0;height:30px;border-radius:4px;width:100%;-webkit-transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;transition:all .45s cubic-bezier(.23,1,.32,1) 0ms;-webkit-transform:scale(0);transform:scale(0)}.datepicker-buttons-container .datepicker-button[data-v-288530fa]:hover{border:1px solid transparent}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-effect[data-v-288530fa]{-webkit-transform:scale(1);transform:scale(1)}.datepicker-buttons-container .datepicker-button:hover svg[data-v-288530fa]{fill:#fff}.datepicker-buttons-container .datepicker-button:hover .datepicker-button-content[data-v-288530fa]{color:#fff}.datepicker-buttons-container .datepicker-button.now.right-margin[data-v-288530fa]{margin-right:10px}.datepicker-buttons-container .datepicker-button.now .datepicker-button-content[data-v-288530fa]{color:#1e90ff}.datepicker-buttons-container .datepicker-button.now .datepicker-button-effect[data-v-288530fa]{background:#1e90ff}.datepicker-buttons-container .datepicker-button.validate[data-v-288530fa]{border:1px solid #eaeaea}.datepicker-buttons-container.is-dark .datepicker-button[data-v-288530fa],.datepicker-buttons-container.is-dark[data-v-288530fa]{background-color:#424242}.datepicker-buttons-container.is-dark .datepicker-button[data-v-288530fa]:not(.now),.datepicker-buttons-container.is-dark[data-v-288530fa]:not(.now){border-color:#757575}.datepicker-buttons-container.is-dark .datepicker-button svg[data-v-288530fa],.datepicker-buttons-container.is-dark svg[data-v-288530fa]{fill:#fff}.datetimepicker[data-v-e6a80f26]{position:absolute;z-index:9;width:100%}.datetimepicker.visible[data-v-e6a80f26]{z-index:999}.datetimepicker .datepicker[data-v-e6a80f26]{position:absolute;z-index:5;border-radius:4px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);max-width:400px}.datetimepicker .datepicker .pickers-container[data-v-e6a80f26]{background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.datetimepicker .datepicker.right[data-v-e6a80f26]{right:0}.datetimepicker.is-dark .datepicker[data-v-e6a80f26],.datetimepicker.is-dark .pickers-container[data-v-e6a80f26]{background:#424242;border:0}.inline .datepicker[data-v-e6a80f26],.inline.datetimepicker[data-v-e6a80f26]{position:relative}.inline .datepicker[data-v-e6a80f26]{margin-bottom:0;box-shadow:none;-webkit-box-shadow:none;width:100%;max-width:100%;background-color:#fff}@media screen and (max-width:415px){.pickers-container[data-v-e6a80f26]{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column;height:100%}.datepicker-container[data-v-e6a80f26]{width:100%}.datepicker-container.has-shortcuts[data-v-e6a80f26]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.datetimepicker[data-v-e6a80f26]:not(.inline){margin:0;position:absolute;top:0;bottom:0;right:0;left:0}.datetimepicker:not(.inline) .pickers-container[data-v-e6a80f26]{height:calc(100% - 99px)}.datetimepicker:not(.inline) .datepicker[data-v-e6a80f26]{border-radius:0;bottom:0;top:0;left:0;right:0;width:100%;max-width:inherit;min-width:inherit;position:fixed;height:100%;margin:0}}.date-time-picker{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.date-time-picker,.date-time-picker input,.date-time-picker label,.date-time-picker p,.date-time-picker span{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.date-time-picker .fluid{width:100%}.date-time-picker .fill-height{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.date-time-picker .spacer{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.date-time-picker .align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.date-time-picker .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.date-time-picker .flex-start{-webkit-box-align:start;-ms-flex-align: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}.date-time-picker .flex-end{-webkit-box-align:end;-ms-flex-align: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}.date-time-picker .flex-direction-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-flow:column;flex-flow:column;-moz-flex-direction:column}.date-time-picker .flex-direction-column-reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;-moz-flex-direction:column-reverse}.date-time-picker .flex-direction-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-flow:row;flex-flow:row;-moz-flex-direction:row}.date-time-picker .justify-content-end,.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}.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}.date-time-picker .justify-content-between{justify-content:space-between}.date-time-picker .justify-content-around,.date-time-picker .justify-content-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}.date-time-picker .justify-content-around{justify-content:space-around}.date-time-picker .flex-fill{-moz-flex:0 1 auto;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto}.date-time-picker .flex-fixed{-moz-flex:0 0 auto;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto}.date-time-picker .flex-1{-webkit-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.date-time-picker .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.date-time-picker .flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.date-time-picker .lm-fs-12{font-size:12px}.date-time-picker .lm-fs-14{font-size:14px}.date-time-picker .lm-fs-16{font-size:16px}.date-time-picker .lm-fs-18{font-size:18px}.date-time-picker .lm-fw-300{font-weight:300}.date-time-picker .lm-fw-400{font-weight:400}.date-time-picker .lm-fw-500{font-weight:500}.date-time-picker .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.date-time-picker .container{max-width:540px}}@media (min-width:768px){.date-time-picker .container{max-width:720px}}@media (min-width:992px){.date-time-picker .container{max-width:960px}}@media (min-width:1200px){.date-time-picker .container{max-width:1140px}}.date-time-picker .lm-pr-1{padding-right:.25rem}.date-time-picker .lm-pt-1{padding-top:.25rem}.date-time-picker .lm-pb-1{padding-bottom:.25rem}.date-time-picker .lm-pl-1,.date-time-picker .lm-px-1{padding-left:.25rem}.date-time-picker .lm-px-1{padding-right:.25rem}.date-time-picker .lm-py-1{padding-top:.25rem;padding-bottom:.25rem}.date-time-picker .lm-p-1{padding:.25rem}.date-time-picker .lm-pr-2{padding-right:.5rem}.date-time-picker .lm-pt-2{padding-top:.5rem}.date-time-picker .lm-pb-2{padding-bottom:.5rem}.date-time-picker .lm-pl-2,.date-time-picker .lm-px-2{padding-left:.5rem}.date-time-picker .lm-px-2{padding-right:.5rem}.date-time-picker .lm-py-2{padding-top:.5rem;padding-bottom:.5rem}.date-time-picker .lm-p-2{padding:.5rem}.date-time-picker .lm-pr-3{padding-right:1rem}.date-time-picker .lm-pt-3{padding-top:1rem}.date-time-picker .lm-pb-3{padding-bottom:1rem}.date-time-picker .lm-pl-3,.date-time-picker .lm-px-3{padding-left:1rem}.date-time-picker .lm-px-3{padding-right:1rem}.date-time-picker .lm-py-3{padding-top:1rem;padding-bottom:1rem}.date-time-picker .lm-p-3{padding:1rem}.date-time-picker .lm-pr-4{padding-right:1.5rem}.date-time-picker .lm-pt-4{padding-top:1.5rem}.date-time-picker .lm-pb-4{padding-bottom:1.5rem}.date-time-picker .lm-pl-4,.date-time-picker .lm-px-4{padding-left:1.5rem}.date-time-picker .lm-px-4{padding-right:1.5rem}.date-time-picker .lm-py-4{padding-top:1.5rem;padding-bottom:1.5rem}.date-time-picker .lm-p-4{padding:1.5rem}.date-time-picker .lm-pr-5{padding-right:3rem}.date-time-picker .lm-pt-5{padding-top:3rem}.date-time-picker .lm-pb-5{padding-bottom:3rem}.date-time-picker .lm-pl-5,.date-time-picker .lm-px-5{padding-left:3rem}.date-time-picker .lm-px-5{padding-right:3rem}.date-time-picker .lm-py-5{padding-top:3rem;padding-bottom:3rem}.date-time-picker .lm-p-5{padding:3rem}.date-time-picker .lm-mr-1{margin-right:.25rem}.date-time-picker .lm-mt-1{margin-top:.25rem}.date-time-picker .lm-mb-1{margin-bottom:.25rem}.date-time-picker .lm-ml-1,.date-time-picker .lm-mx-1{margin-left:.25rem}.date-time-picker .lm-mx-1{margin-right:.25rem}.date-time-picker .lm-my-1{margin-top:.25rem;margin-bottom:.25rem}.date-time-picker .lm-m-1{margin:.25rem}.date-time-picker .lm-mr-2{margin-right:.5rem}.date-time-picker .lm-mt-2{margin-top:.5rem}.date-time-picker .lm-mb-2{margin-bottom:.5rem}.date-time-picker .lm-ml-2,.date-time-picker .lm-mx-2{margin-left:.5rem}.date-time-picker .lm-mx-2{margin-right:.5rem}.date-time-picker .lm-my-2{margin-top:.5rem;margin-bottom:.5rem}.date-time-picker .lm-m-2{margin:.5rem}.date-time-picker .lm-mr-3{margin-right:1rem}.date-time-picker .lm-mt-3{margin-top:1rem}.date-time-picker .lm-mb-3{margin-bottom:1rem}.date-time-picker .lm-ml-3{margin-left:1rem}.date-time-picker .lm-mx-3{margin-left:1rem;margin-right:1rem}.date-time-picker .lm-my-3{margin-top:1rem;margin-bottom:1rem}.date-time-picker .lm-m-3{margin:1rem}.date-time-picker .lm-mr-4{margin-right:1.5rem}.date-time-picker .lm-mt-4{margin-top:1.5rem}.date-time-picker .lm-mb-4{margin-bottom:1.5rem}.date-time-picker .lm-ml-4,.date-time-picker .lm-mx-4{margin-left:1.5rem}.date-time-picker .lm-mx-4{margin-right:1.5rem}.date-time-picker .lm-my-4{margin-top:1.5rem;margin-bottom:1.5rem}.date-time-picker .lm-m-4{margin:1.5rem}.date-time-picker .lm-mr-5{margin-right:3rem}.date-time-picker .lm-mt-5{margin-top:3rem}.date-time-picker .lm-mb-5{margin-bottom:3rem}.date-time-picker .lm-ml-5{margin-left:3rem}.date-time-picker .lm-mx-5{margin-left:3rem;margin-right:3rem}.date-time-picker .lm-my-5{margin-top:3rem;margin-bottom:3rem}.date-time-picker .lm-m-5{margin:3rem}.date-time-picker .lm-btn{padding:10px 20px;margin-bottom:20px;border:none;display:inline-block;border-radius:4px;text-decoration:none;font-size:12px;outline:none;cursor:pointer;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);background-color:#1e90ff;color:#fff;font-weight:500}.date-time-picker .lm-btn:hover{background-color:#0077ea;-webkit-box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5);box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.date-time-picker .lm-btn.option{background-color:#424242}.date-time-picker .lm-btn.option:hover{background-color:#292929}.date-time-picker .lm-btn-success{background-color:#9acd32}.date-time-picker .lm-btn-success:hover{background-color:#7ba428}.date-time-picker .lm-btn-dark{background-color:#424242}.date-time-picker .lm-btn-dark:hover{background-color:#292929}.date-time-picker .lm-btn-danger{background-color:#ff4500}.date-time-picker .lm-btn-danger:hover{background-color:#cc3700}.date-time-picker .dark .lm-btn:hover{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 0 8px 0 rgba(0,0,0,.6),0 2px 4px 0 rgba(0,0,0,.5)}.date-time-picker .dark .lm-btn.option{background-color:#424242}.date-time-picker .dark .lm-btn.option:hover{background-color:#5c5c5c}.date-time-picker .slide-enter-active,.date-time-picker .slide-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.date-time-picker .slide-enter-from,.date-time-picker .slide-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.date-time-picker .slideinvert-enter-active,.date-time-picker .slideinvert-leave-active{opacity:1;z-index:998;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(0);transform:translateY(0)}.date-time-picker .slideinvert-enter-from,.date-time-picker .slideinvert-leave-to{opacity:0;z-index:998;-webkit-transform:translateY(40px);transform:translateY(40px)}.date-time-picker .slidenext-enter-active,.date-time-picker .slidenext-leave-active,.date-time-picker .slideprev-enter-active,.date-time-picker .slideprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.date-time-picker .slidenext-enter-from,.date-time-picker .slideprev-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%)}.date-time-picker .slidenext-leave-to,.date-time-picker .slideprev-enter-from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.date-time-picker .slidevnext-enter-active,.date-time-picker .slidevnext-leave-active,.date-time-picker .slidevprev-enter-active,.date-time-picker .slidevprev-leave-active{position:absolute;-webkit-transition:all .3s;transition:all .3s}.date-time-picker .slidevnext-enter-from,.date-time-picker .slidevprev-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.date-time-picker .slidevnext-leave-to,.date-time-picker .slidevprev-enter-from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}@media screen and (max-width:415px){.date-time-picker .slide-enter-active,.date-time-picker .slide-leave-active,.date-time-picker .slideinvert-enter-active,.date-time-picker .slideinvert-leave-active{-webkit-transition:all 0s;transition:all 0s}}.date-time-picker .lm-text-white{color:#fff}.date-time-picker .lm-dots-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-time-picker .lm-text-muted{color:rgba(0,0,0,.54)}.date-time-picker .lm-text-strong{font-weight:500}.date-time-picker .lm-text-center{text-align:center}.date-time-picker .lm-text-left{text-align:left!important}.date-time-picker .lm-text-right{text-align:right!important}.date-time-picker .lm-h-100{height:100%}.date-time-picker .lm-mh-100{max-height:100%}.date-time-picker .lm-w-100{width:100%}.date-time-picker .lm-mw-100{max-width:100%}.date-time-picker *,.date-time-picker :after,.date-time-picker :before{-webkit-box-sizing:border-box;box-sizing:border-box}.date-time-picker{width:100%;margin:0 auto;text-align:left;font-size:14px;border-radius:4px;position:relative}.date-time-picker .time-picker-overlay{z-index:2;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}@media screen and (max-width:415px){.time-picker-overlay{display:none}.date-time-picker:not(.inline){position:inherit}}