@font-face{font-family:icomoon;src:url(/assets/blog/2015-12-date-time/icomoon.woff)format("woff");font-weight:400;font-style:normal}.icon-clock,.icon-calendar{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:icomoon!important}.icon-clock:before{content:""}.icon-calendar:before{content:""}button,a:focus,input:focus{outline:none}#datetime-example{text-align:center;font:13px/1.25 Helvetica Neue,arial,sans-serif}#datetime-example _,.v-PopOver _{box-sizing:content-box}.u-mediumBold{font-weight:500}.v-Button{cursor:default;text-align:center;white-space:nowrap;line-height:1.25;box-sizing:border-box!important}.v-Button--standard{text-shadow:0 1px #fff;background:#f5f5f5 linear-gradient(#f5f5f5,#dfdfdf);border:1px solid #bbb;border-radius:4px;box-shadow:inset 0 1px #fff3}.v-Button--standard:active,.v-Button--standard.is-active{color:#315ad6;background:#dfdfdf linear-gradient(#dfdfdf,#f5f5f5)}.v-Button--size11{padding:4px 7px;font-size:11px}.v-Button--size13{padding:5px 9px;font-size:13px}.v-Button--size16{padding:8px 24px;font-size:16px}.v-Button--iconOnly{width:22px + 10px;overflow:hidden}.v-Button--mergeRight{margin-right:-1px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.v-Button--mergeLeft{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.v-Button--hasIcon>.label{padding-left:22px + 5px}.v-Button--iconOnly>.label{position:absolute;top:100%}.v-Button--hasIcon.v-Button--size11>.label{padding-left:16px + 5px}.v-Button>.icon{width:16px;height:16px;margin:auto 0 auto 1px;font-size:16px;position:absolute;top:0;bottom:2px}.v-Button--iconOnly>.icon{text-align:center;margin:auto;left:0;right:0}.v-Button.v-Button--size11>.icon{bottom:1px}.v-Button.is-disabled>.icon{opacity:.6}.v-Button.v-Text-picker{border:none;border-left:1px solid #c5c5c5;border-radius:0 3px 3px 0;width:30px;top:1px;bottom:1px;right:1px}.v-Button.v-Text-picker:active,.v-Button.v-Text-picker.is-active{color:#0452ec}.v-Text{background-color:#fff;border:1px solid #aaa;border-radius:3px;width:100%;line-height:1.25;transition:background-color 1s;box-shadow:inset 0 1px 3px #0003;box-sizing:border-box!important}.v-Text-input{-webkit-appearance:none;word-wrap:break-word;background:0 0;border:none;outline:none;width:100%;padding:5px;box-sizing:border-box!important}.v-PopOver{z-index:20;background:#fff;border:1px solid #c5c5c5;border-radius:4px;font:13px/1.25 Helvetica Neue,arial,sans-serif;box-shadow:0 5px 10px #80808080}.v-PopOver-callout{width:12px;height:12px;position:absolute}.v-PopOver-callout--t{margin-top:-5px;top:100%}.v-PopOver-callout--r{margin-right:-5px;right:100%}.v-PopOver-callout--b{margin-bottom:-5px;bottom:100%}.v-PopOver-callout--l{margin-left:-5px;left:100%}.v-PopOver-callout--left{left:10px}.v-PopOver-callout--centre{margin-left:-6px;left:50%}.v-PopOver-callout--right{right:10px}.v-PopOver-callout--top{top:10px}.v-PopOver-callout--middle{margin-top:-6px;top:50%}.v-PopOver-callout--bottom{bottom:10px}.v-PopOver-triangle{background-color:#fff;border:1px solid #c5c5c5;border-width:1px 1px 0 0;width:10px;height:10px;position:absolute;top:0;left:0}.v-PopOver-triangle--t{transform:rotate(135deg)}.v-PopOver-triangle--r{transform:rotate(-135deg)}.v-PopOver-triangle--b{transform:rotate(-45deg)}.v-PopOver-triangle--l{transform:rotate(45deg)}.v-DatePicker{width:251px}.v-DatePicker-header{text-align:center;height:44px;font-weight:300;line-height:44px;position:relative}.v-DatePicker-when,.v-DatePicker-next,.v-DatePicker-prev{height:100%;position:absolute;top:0}.v-DatePicker-when{font-size:16px;left:20%;right:20%}.v-DatePicker-next,.v-DatePicker-prev{text-indent:100%;cursor:pointer;width:20%;overflow:hidden}.v-DatePicker-next:hover>.v-DatePicker-arrow,.v-DatePicker-prev:hover>.v-DatePicker-arrow{border-color:transparent inherit}.v-DatePicker-arrow{border:7.5px solid #0000;border-left:0 solid #5f5f5f;border-right:13px solid #5f5f5f;width:0;height:0;margin:auto;position:absolute;inset:0 0 0 10px}.v-DatePicker-prev{left:0}.v-DatePicker-next{right:0}.v-DatePicker-next>.v-DatePicker-arrow{border-width:7.5px 0 7.5px 13px;left:0;right:10px}.v-DatePicker-dayNames{margin:0 10px;overflow:hidden}.v-DatePicker-day{float:left;text-align:center;width:14.2857%;font-weight:700}.v-DatePicker-dates{height:144px;margin:5px 10px;overflow:hidden}.v-DatePicker-footer{text-align:center;padding-bottom:10px}.v-DatePicker-goToday{color:inherit;cursor:pointer;padding:5px 9px;font-weight:300}.v-DatePicker-goToday:hover{background:#eee;font-weight:700}.v-DatePickerDay{text-align:center;color:#888;cursor:pointer;width:14.2857%;height:24px;font-weight:300;line-height:24px;box-sizing:border-box!important}.v-DatePickerDay:hover{background:#eee;font-weight:700}.v-DatePickerDay.is-active,.v-DatePickerDay.is-selected,.v-DatePickerDay:hover{color:inherit}.v-DatePickerDay.is-today{color:#cc0f16;font-weight:700}.v-DatePickerDay.is-selected{background:#e3e7f0;border:1px solid #b5becc;border-radius:3px;font-weight:700;line-height:22px}.v-TimePicker{z-index:1;width:320px;padding-right:1px;overflow:hidden}.v-TimePicker-day,.v-TimePicker-night{float:left;width:160px;padding-bottom:7px}.v-TimePicker-night{background:#eee;border-left:1px solid #c5c5c5;border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:-1px}.v-TimePicker-title{text-align:center;width:160px;font-weight:700;line-height:2.3}.v-TimePicker-row{height:24px;padding-left:30px;font-size:16px;font-weight:300;line-height:24px;list-style:none;position:relative}.v-TimePicker-row:hover{background:#eee}.v-TimePicker-night .v-TimePicker-row:hover{background:#fff}.v-TimePicker-row--midnight{border-bottom:1px solid #c5c5c5;height:23px}.v-TimePicker-hour{text-align:right;cursor:pointer;width:20px;position:absolute;top:0;left:10px}.v-TimePicker-ampm{padding-left:3px;font-size:13px;line-height:1}.v-TimePicker-minute{color:#0000;float:left;text-indent:5px;cursor:pointer;width:25%}.v-TimePicker-hour+.v-TimePicker-minute{color:inherit;text-indent:0;margin-left:-30px;padding-left:30px}.v-TimePicker-hour.is-selected,.v-TimePicker-minute.is-selected,.v-TimePicker-minute.is-hourSelected{background:#e3e7f0}.v-TimePicker-row:hover>.v-TimePicker-hour,.v-TimePicker-hour.is-selected,.v-TimePicker-hour:hover+.v-TimePicker-minute,.v-TimePicker-minute:hover,.v-TimePicker-minute.is-selected{font-weight:700}.v-TimePicker-row:hover>.v-TimePicker-minute,.v-TimePicker-minute.is-selected{color:inherit}.v-DateText,.v-TimeText{height:28px;display:inline-block}.v-DateText{width:130px;margin-right:20px}.v-TimeText{width:100px}