.picker {font-size: 16px;text-align: left;line-height: 1.2;color: #000;position: absolute;z-index: 10000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.picker__input {cursor: default;}
.picker__input.picker__input--active {border-color: #0089ec;}
.picker__holder {width: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.picker__holder, .picker__frame {top: 0;bottom: 0;left: 0;right: 0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}
.picker__holder {position: fixed;transition: background .15s ease-out,-webkit-transform 0s .15s;transition: background .15s ease-out,transform 0s .15s;-webkit-backface-visibility: hidden;}
.picker__frame {position: absolute;margin: 0 auto;min-width: 256px;max-width: 666px;width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all .15s ease-out;}
@media (min-height: 33.875em) {.picker__frame {overflow: visible;top: auto;bottom: -100%;max-height: 80%;}}
@media (min-height: 40.125em) {.picker__frame {margin-bottom: 7.5%;}}
.picker__wrap {display: table;width: 100%;height: 100%;}
@media (min-height: 33.875em) {.picker__wrap {display: block;}}
.picker__box {background: #fff;display: table-cell;vertical-align: middle;}
@media (min-height: 26.5em) {.picker__box {font-size: 1.25em;}}
@media (min-height: 33.875em) {.picker__box {display: block;font-size: 1.33em;border: 1px solid #777;border-top-color: #898989;border-bottom-width: 0;border-radius: 5px 5px 0 0;box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);}}
@media (min-height: 40.125em) {.picker__box {font-size: 1.5em;border-bottom-width: 1px;border-radius: 5px;}}
.picker--opened .picker__holder {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);background: transparent;background: rgba(0,0,0,.32);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";zoom: 1;transition: background .15s ease-out;}
.picker--opened .picker__frame {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
@media (min-height: 33.875em) {.picker--opened .picker__frame {top: auto;bottom: 0;}}
.picker__box {padding: 0 1em;}
.picker__header {text-align: center;position: relative;margin-top: .75em;}
.picker__month, .picker__year {font-weight: 500;display: inline-block;margin-left: .25em;margin-right: .25em;}
.picker__year {color: #999;font-size: .8em;font-style: italic;}
.picker__select--month, .picker__select--year {border: 1px solid #b7b7b7;height: 2em;padding: .5em;margin-left: .25em;margin-right: .25em;}
@media (min-width: 24.5em) {.picker__select--month, .picker__select--year {margin-top: -.5em;}}
.picker__select--month {width: 35%;}
.picker__select--year {width: 22.5%;}
.picker__select--month:focus, .picker__select--year:focus {border-color: #0089ec;}
.picker__nav--prev, .picker__nav--next {position: absolute;padding: .5em 1.25em;width: 1em;height: 1em;box-sizing: content-box;top: -.25em;}
@media (min-width: 24.5em) {.picker__nav--prev, .picker__nav--next {top: -.33em;}}
.picker__nav--prev {left: -1em;padding-right: 1.25em;}
@media (min-width: 24.5em) {.picker__nav--prev {padding-right: 1.5em;}}
.picker__nav--next {right: -1em;padding-left: 1.25em;}
@media (min-width: 24.5em) {.picker__nav--next {padding-left: 1.5em;}}
.picker__nav--prev:before, .picker__nav--next:before {content: " ";border-top: .5em solid transparent;border-bottom: .5em solid transparent;border-right: .75em solid #000;width: 0;height: 0;display: block;margin: 0 auto;}
.picker__nav--next:before {border-right: 0;border-left: .75em solid #000;}
.picker__nav--prev:hover, .picker__nav--next:hover {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {cursor: default;background: none;border-right-color: #f5f5f5;border-left-color: #f5f5f5;}
.picker__table {text-align: center;border-collapse: collapse;border-spacing: 0;table-layout: fixed;font-size: inherit;width: 100%;margin-top: .75em;margin-bottom: .5em;}
@media (min-height: 33.875em) {.picker__table {margin-bottom: .75em;}}
.picker__table td {margin: 0;padding: 0;}
.picker__weekday {width: 14.285714286%;font-size: .75em;padding-bottom: .25em;color: #999;font-weight: 500;}
@media (min-height: 33.875em) {.picker__weekday {padding-bottom: .5em;}}
.picker__day {padding: .3125em 0;font-weight: 200;border: 1px solid transparent;}
.picker__day--today {position: relative;}
.picker__day--today:before {content: " ";position: absolute;top: 2px;right: 2px;width: 0;height: 0;border-top: .5em solid #0059bc;border-left: .5em solid transparent;}
.picker__day--disabled:before {border-top-color: #aaa;}
.picker__day--outfocus {color: #ddd;}
.picker__day--infocus:hover, .picker__day--outfocus:hover {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__day--highlighted {border-color: #0089ec;}
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {background: #0089ec;color: #fff;}
.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {background: #f5f5f5;border-color: #f5f5f5;color: #ddd;cursor: default;}
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {background: #bbb;}
.picker__footer {text-align: center;}
.picker__button--today, .picker__button--clear, .picker__button--close {border: 1px solid #fff;background: #fff;font-size: .8em;padding: .66em 0;font-weight: bold;width: 33%;display: inline-block;vertical-align: bottom;}
.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {cursor: pointer;color: #000;background: #b1dcfb;border-bottom-color: #b1dcfb;}
.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {background: #b1dcfb;border-color: #0089ec;outline: none;}
.picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {position: relative;display: inline-block;height: 0;}
.picker__button--today:before, .picker__button--clear:before {content: " ";margin-right: .45em;}
.picker__button--today:before {top: -.05em;width: 0;border-top: .66em solid #0059bc;border-left: .66em solid transparent;}
.picker__button--clear:before {top: -.25em;width: .66em;border-top: 3px solid #e20;}
.picker__button--close:before {content: "×";top: -.1em;vertical-align: top;font-size: 1.1em;margin-right: .35em;color: #777;}
.picker__button--today[disabled], .picker__button--today[disabled]:hover {background: #f5f5f5;border-color: #f5f5f5;color: #ddd;cursor: default;}
.picker__button--today[disabled]:before {border-top-color: #aaa;}
.picker__box {padding: 0 1em;}
.picker__header {text-align: center;position: relative;margin-top: .75em;}
.picker__month, .picker__year {font-weight: 500;display: inline-block;margin-left: .25em;margin-right: .25em;}
.picker__year {color: #999;font-size: .8em;font-style: italic;}
.picker__select--month, .picker__select--year {border: 1px solid #b7b7b7;height: 2em;padding: .5em;margin-left: .25em;margin-right: .25em;}
@media (min-width: 24.5em) {.picker__select--month, .picker__select--year {margin-top: -.5em;}}
.picker__select--month {width: 35%;}
.picker__select--year {width: 22.5%;}
.picker__select--month:focus, .picker__select--year:focus {border-color: #0089ec;}
.picker__nav--prev, .picker__nav--next {position: absolute;padding: .5em 1.25em;width: 1em;height: 1em;box-sizing: content-box;top: -.25em;}
@media (min-width: 24.5em) {.picker__nav--prev, .picker__nav--next {top: -.33em;}}
.picker__nav--prev {left: -1em;padding-right: 1.25em;}
@media (min-width: 24.5em) {.picker__nav--prev {padding-right: 1.5em;}}
.picker__nav--next {right: -1em;padding-left: 1.25em;}
@media (min-width: 24.5em) {.picker__nav--next {padding-left: 1.5em;}}
.picker__nav--prev:before, .picker__nav--next:before {content: " ";border-top: .5em solid transparent;border-bottom: .5em solid transparent;border-right: .75em solid #000;width: 0;height: 0;display: block;margin: 0 auto;}
.picker__nav--next:before {border-right: 0;border-left: .75em solid #000;}
.picker__nav--prev:hover, .picker__nav--next:hover {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover {cursor: default;background: none;border-right-color: #f5f5f5;border-left-color: #f5f5f5;}
.picker__table {text-align: center;border-collapse: collapse;border-spacing: 0;table-layout: fixed;font-size: inherit;width: 100%;margin-top: .75em;margin-bottom: .5em;}
@media (min-height: 33.875em) {.picker__table {margin-bottom: .75em;}}
.picker__table td {margin: 0;padding: 0;}
.picker__weekday {width: 14.285714286%;font-size: .75em;padding-bottom: .25em;color: #999;font-weight: 500;}
@media (min-height: 33.875em) {.picker__weekday {padding-bottom: .5em;}}
.picker__day {padding: .3125em 0;font-weight: 200;border: 1px solid transparent;}
.picker__day--today {position: relative;}
.picker__day--today:before {content: " ";position: absolute;top: 2px;right: 2px;width: 0;height: 0;border-top: .5em solid #0059bc;border-left: .5em solid transparent;}
.picker__day--disabled:before {border-top-color: #aaa;}
.picker__day--outfocus {color: #ddd;}
.picker__day--infocus:hover, .picker__day--outfocus:hover {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__day--highlighted {border-color: #0089ec;}
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {background: #0089ec;color: #fff;}
.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {background: #f5f5f5;border-color: #f5f5f5;color: #ddd;cursor: default;}
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover {background: #bbb;}
.picker__footer {text-align: center;}
.picker__button--today, .picker__button--clear, .picker__button--close {border: 1px solid #fff;background: #fff;font-size: .8em;padding: .66em 0;font-weight: bold;width: 33%;display: inline-block;vertical-align: bottom;}
.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {cursor: pointer;color: #000;background: #b1dcfb;border-bottom-color: #b1dcfb;}
.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {background: #b1dcfb;border-color: #0089ec;outline: none;}
.picker__button--today:before, .picker__button--clear:before, .picker__button--close:before {position: relative;display: inline-block;height: 0;}
.picker__button--today:before, .picker__button--clear:before {content: " ";margin-right: .45em;}
.picker__button--today:before {top: -.05em;width: 0;border-top: .66em solid #0059bc;border-left: .66em solid transparent;}
.picker__button--clear:before {top: -.25em;width: .66em;border-top: 3px solid #e20;}
.picker__button--close:before {content: "×";top: -.1em;vertical-align: top;font-size: 1.1em;margin-right: .35em;color: #777;}
.picker__button--today[disabled], .picker__button--today[disabled]:hover {background: #f5f5f5;border-color: #f5f5f5;color: #ddd;cursor: default;}
.picker__button--today[disabled]:before {border-top-color: #aaa;}
.picker__list {list-style: none;padding: .75em 0 4.2em;margin: 0;}
.picker__list-item {border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;margin-bottom: -1px;position: relative;background: #fff;padding: .75em 1.25em;}
@media (min-height: 46.75em) {.picker__list-item {padding: .5em 1em;}}
.picker__list-item:hover {cursor: pointer;color: #000;background: #b1dcfb;border-color: #0089ec;z-index: 10;}
.picker__list-item--highlighted {border-color: #0089ec;z-index: 10;}
.picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {cursor: pointer;color: #000;background: #b1dcfb;}
.picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected {background: #0089ec;color: #fff;z-index: 10;}
.picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled {background: #f5f5f5;border-color: #f5f5f5;border-color: #ddd;color: #ddd;cursor: default;z-index: auto;}
.picker--time .picker__button--clear {display: block;width: 80%;margin: 1em auto 0;padding: 1em 1.25em;background: none;border: 0;font-weight: 500;font-size: .67em;text-align: center;text-transform: uppercase;color: #666;}
.picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus {color: #000;color: #fff;background: #b1dcfb;background: #e20;border-color: #e20;cursor: pointer;outline: none;}
.picker--time .picker__button--clear:before {top: -.25em;color: #666;font-size: 1.25em;font-weight: bold;}
.picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before {color: #fff;border-color: #fff;}
.picker--time .picker__frame {min-width: 256px;max-width: 320px;}
.picker--time .picker__box {font-size: 1em;background: #f2f2f2;padding: 0;}
@media (min-height: 40.125em) {.picker--time .picker__box {margin-bottom: 5em;}}