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