.datetime-range{position:relative;width:100%;height:auto;min-height:4em;margin:0;padding:0;color:#444;font-size:14px;font-family:sans-serif;text-decoration:none;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.datetime-range .end-datetime,.datetime-range .start-datetime{cursor:pointer;width:47%;height:4em;background-color:#efefef;transition:background-color .25s ease-out}.datetime-range .start-datetime{position:absolute;left:0}.datetime-range .end-datetime{position:absolute;left:53%}.datetime-range .end-datetime .date,.datetime-range .start-datetime .date{color:#777;font-size:1em;line-height:1em;margin-top:.5em;display:block;overflow:hidden}.datetime-range .end-datetime .time,.datetime-range .start-datetime .time{font-size:1.5em;line-height:1.75em;display:block;overflow:hidden}.datetime-range .end-datetime.active,.datetime-range .end-datetime:hover,.datetime-range .start-datetime.active,.datetime-range .start-datetime:hover{background-color:#ddd}.datetime-range .start-datetime:after{content:"";position:absolute;top:0;border-top:2em solid transparent;border-bottom:2em solid transparent;border-left:1em solid #efefef;transition:border-left .25s ease-out;right:-1em}.datetime-range .start-datetime.active:after,.datetime-range .start-datetime:hover:after{border-left-color:#ddd}.datetime-range .end-datetime:before{content:"";position:absolute;top:0;border-width:2em 0 2em 1em;border-style:solid;border-color:#efefef #efefef #efefef transparent;transition:border-color .25s ease-out;left:-1em}.datetime-range .end-datetime.active:before,.datetime-range .end-datetime:hover:before{border-color:#ddd #ddd #ddd transparent}.datetime-range .end-datetime.warning,.datetime-range .end-datetime.warning.active,.datetime-range .end-datetime.warning:hover,.datetime-range .start-datetime.warning,.datetime-range .start-datetime.warning.active,.datetime-range .start-datetime.warning:hover{background-color:rgba(255,54,46,.75)}.datetime-range .start-datetime.warning.active:after,.datetime-range .start-datetime.warning:after,.datetime-range .start-datetime.warning:hover:after{border-left-color:rgba(255,54,46,.75)}.datetime-range .end-datetime.warning.active:before,.datetime-range .end-datetime.warning:before,.datetime-range .end-datetime.warning:hover:before{border-color:rgba(255,54,46,.75) rgba(255,54,46,.75) rgba(255,54,46,.75) transparent}.datetime-range .edit-popover{position:absolute;z-index:2;top:4.5em;width:100%;height:auto;padding:0;background-color:#efefef;border-radius:0;border:1px solid #aaa;box-sizing:border-box}.datetime-range .calendar-toggle{width:100%;color:#777;font-size:1.1em;line-height:2em;cursor:pointer;transition:background-color .25s ease-out}.datetime-range .calendar-toggle:before{content:"";display:block;position:absolute;background-color:#efefef;width:1em;height:1em;top:-.55em;left:45%;z-index:1;border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:background-color .25s ease-out}.datetime-range .calendar .calendar-header .arrow.arrow-left:before,.datetime-range .calendar .calendar-header .arrow.arrow-right:before{top:15%;border-top:.5em solid transparent;border-bottom:.5em solid transparent;transition:border .25s ease-out;content:""}.datetime-range .calendar-toggle:hover,.datetime-range .calendar-toggle:hover:before{background-color:#ddd}.datetime-range .calendar-toggle.start:before{left:20%}.datetime-range .calendar-toggle.end:before{left:74%}.datetime-range .calendar .calendar-header{cursor:default;background-color:#fff;position:relative;width:100%;font-size:1.5em;line-height:2em}.datetime-range .calendar .calendar-header .arrow{display:inline-block;color:#ddd;cursor:pointer;line-height:1.5em;font-size:1.5em}.datetime-range .calendar .calendar-header .arrow.arrow-left{position:absolute;left:0;width:2em;height:100%}.datetime-range .calendar .calendar-header .arrow.arrow-left:before{position:absolute;left:25%;border-right:.75em solid #ddd}.datetime-range .calendar .calendar-header .arrow.arrow-left:hover:before{border-right-color:#999}.datetime-range .calendar .calendar-header .arrow.arrow-right{position:absolute;right:0;width:2em;height:100%}.datetime-range .calendar .calendar-header .arrow.arrow-right:before{position:absolute;right:25%;border-left:.75em solid #ddd}.datetime-range .calendar .calendar-header .arrow.arrow-right:hover:before{border-left-color:#999}.datetime-range .calendar .calendar-body{padding:.5em 0}.datetime-range .calendar .calendar-body .weekdays{cursor:default;display:flex;justify-content:space-between;color:#777;font-size:1em;line-height:2em;text-transform:uppercase;padding:0 1em}.datetime-range .calendar .calendar-body .weekdays .weekday{display:inline-block;width:5em;height:2.5em}.datetime-range .calendar .calendar-body .week{display:flex;justify-content:space-between;color:#777;font-size:1.25em;line-height:2.65em;letter-spacing:1px;padding:.5em 1em}.datetime-range .calendar .calendar-body .week .date{display:inline-block;cursor:pointer;width:2.5em;height:2.5em;border-radius:50%;transition:background-color .25s ease-out}.datetime-range .calendar .calendar-body .week .date.current{color:#444}.datetime-range .calendar .calendar-body .week .date:not(.active):hover{background-color:#ddd}.datetime-range .calendar .calendar-body .week .date.active,.datetime-range .calendar .calendar-body .week .date.inactive.active{color:#efefef;background-color:rgba(255,69,0,.75)}.datetime-range .calendar .calendar-body .week .date.inactive{color:#aaa}.datetime-range .timer{display:flex;justify-content:space-between;background-color:#fff}.datetime-range .timer .timer-hours,.datetime-range .timer .timer-minutes,.datetime-range .timer .timer-seconds{cursor:default;width:3em;display:inline-block;font-size:3em;line-height:1.5em;position:relative}.datetime-range .timer .timer-hours .arrow,.datetime-range .timer .timer-minutes .arrow,.datetime-range .timer .timer-seconds .arrow{position:relative;color:#ddd;cursor:pointer;height:1em;margin:0 .5em;line-height:1em;font-size:.75em}.datetime-range .timer .timer-hours .arrow.arrow-up:before,.datetime-range .timer .timer-minutes .arrow.arrow-up:before,.datetime-range .timer .timer-seconds .arrow.arrow-up:before{content:"";position:absolute;top:50%;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #ddd;transition:border .25s ease-out}.datetime-range .timer .timer-hours .arrow.arrow-up:hover:before,.datetime-range .timer .timer-minutes .arrow.arrow-up:hover:before,.datetime-range .timer .timer-seconds .arrow.arrow-up:hover:before{border-bottom-color:#999}.datetime-range .timer .timer-hours .arrow.arrow-down:before,.datetime-range .timer .timer-minutes .arrow.arrow-down:before,.datetime-range .timer .timer-seconds .arrow.arrow-down:before{content:"";position:absolute;top:0;left:35%;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.5em solid #ddd;transition:border .25s ease-out}.datetime-range .timer .timer-hours .arrow.arrow-down:hover:before,.datetime-range .timer .timer-minutes .arrow.arrow-down:hover:before,.datetime-range .timer .timer-seconds .arrow.arrow-down:hover:before{border-top-color:#999}.datetime-range .timer .timer-divider{font-size:3em;line-height:3em;-webkit-animation-name:a;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:a;-moz-animation-duration:5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:a;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@-webkit-keyframes a{0%,to{opacity:0}5%,95%{opacity:1}}@keyframes a{0%,to{opacity:0}5%,95%{opacity:1}}.datetime-range .close-button{position:absolute;z-index:2;bottom:-2.5em;left:-1px;cursor:pointer;outline:0;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;color:#777;width:25%;height:auto;font-size:1.5em;line-height:2em;box-sizing:border-box;background-color:#efefef;transition:background-color .25s ease-out}.datetime-range .close-button:before{content:"";position:absolute;right:-.5em;top:-1px;width:1em;height:2em;background:#efefef;border-top:1px solid #aaa;border-right:1px solid #aaa;transition:background .25s ease-out;transform:skewX(-26deg)}.datetime-range .close-button:hover,.datetime-range .close-button:hover:before{background:#ddd}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}