.picker__box { padding: 0px 1em; }
.picker__header { text-align: center; position: relative; margin-top: 0.75em; }
.picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: 0.25em; margin-right: 0.25em; }
.picker__year { color: rgb(153, 153, 153); font-size: 0.8em; font-style: italic; }
.picker__select--month, .picker__select--year { border: 1px solid rgb(183, 183, 183); height: 2.5em; padding: 0.5em 0.25em; margin-left: 0.25em; margin-right: 0.25em; font-size: 0.6em; }
@media (min-width: 24.5em) {
  .picker__select--month, .picker__select--year { font-size: 0.8em; margin-top: -0.5em; }
}
.picker__select--month { width: 35%; }
.picker__select--year { width: 22.5%; }
.picker__select--month:focus, .picker__select--year:focus { border-color: rgb(0, 137, 236); }
.picker__nav--prev, .picker__nav--next { position: absolute; padding: 0.5em 1.25em; width: 1em; height: 1em; top: -0.25em; }
@media (min-width: 24.5em) {
  .picker__nav--prev, .picker__nav--next { top: -0.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: 0.5em solid transparent; border-bottom: 0.5em solid transparent; border-right: 0.75em solid rgb(0, 0, 0); width: 0px; height: 0px; display: block; margin: 0px auto; }
.picker__nav--next::before { border-right: 0px none; border-left: 0.75em solid rgb(0, 0, 0); }
.picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: rgb(0, 0, 0); background: rgb(177, 220, 251) none repeat scroll 0% 0%; }
.picker__table { text-align: center; border-collapse: collapse; border-spacing: 0px; table-layout: fixed; font-size: inherit; width: 100%; margin-top: 0.75em; margin-bottom: 0.5em; }
@media (min-height: 33.875em) {
  .picker__table { margin-bottom: 0.75em; }
}
.picker__table td { margin: 0px; padding: 0px; }
.picker__weekday { width: 14.2857%; font-size: 0.75em; padding-bottom: 0.25em; color: rgb(153, 153, 153); font-weight: 500; }
@media (min-height: 33.875em) {
  .picker__weekday { padding-bottom: 0.5em; }
}
.picker__day { padding: 0.3125em 0px; font-weight: 200; border: 1px solid transparent; }
.picker__day--today { color: rgb(0, 137, 236); position: relative; }
.picker__day--today::before { content: " "; position: absolute; top: 2px; right: 2px; width: 0px; height: 0px; border-top: 0.5em solid rgb(0, 89, 188); border-left: 0.5em solid transparent; }
.picker__day--selected, .picker__day--selected:hover { border-color: rgb(0, 137, 236); }
.picker__day--highlighted { background: rgb(177, 220, 251) none repeat scroll 0% 0%; }
.picker__day--disabled::before { border-top-color: rgb(170, 170, 170); }
.picker__day--outfocus { color: rgb(221, 221, 221); }
.picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: rgb(0, 0, 0); background: rgb(177, 220, 251) none repeat scroll 0% 0%; }
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { background: rgb(0, 137, 236) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.picker__day--disabled, .picker__day--disabled:hover { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-color: rgb(245, 245, 245); color: rgb(221, 221, 221); cursor: default; }
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: rgb(187, 187, 187) none repeat scroll 0% 0%; }
.picker__footer { text-align: center; }
.picker__button--today, .picker__button--clear { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 0.8em; padding: 0.66em 0px; font-weight: bold; width: 50%; display: inline-block; vertical-align: bottom; }
.picker__button--today:hover, .picker__button--clear:hover { cursor: pointer; color: rgb(0, 0, 0); background: rgb(177, 220, 251) none repeat scroll 0% 0%; border-bottom-color: rgb(177, 220, 251); }
.picker__button--today:focus, .picker__button--clear:focus { background: rgb(177, 220, 251) none repeat scroll 0% 0%; border-color: rgb(0, 137, 236); outline: medium none; }
.picker__button--today::before, .picker__button--clear::before { position: relative; display: inline-block; height: 0px; }
.picker__button--today::before { content: " "; margin-right: 0.45em; top: -0.05em; width: 0px; border-top: 0.66em solid rgb(0, 89, 188); border-left: 0.66em solid transparent; }
.picker__button--clear::before { content: "×"; margin-right: 0.35em; top: -0.1em; color: rgb(238, 34, 0); vertical-align: top; font-size: 1.1em; }