.picker__box
{
    padding: 0 1em;
    width: 11em;
}
.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
{
    font-size: .8em;
    border: 1px solid #b7b7b7;
    height: 2.5em;
    padding: .66em .25em;
    margin-left: .25em;
    margin-right: .25em;
    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;
    top: -.33em;
    padding: .5em 1.33em;
    width: 1em;
    height: 1em;
}
.picker__nav--prev
{
    left: -1em;
    padding-right: 1.5em;
}
.picker__nav--next
{
    right: -1em;
    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: 0;
    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
{
    color: #0089ec;
    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--selected, .picker__day--selected:hover
{
    border-color: #0089ec;
}
.picker__day--highlighted
{
    background: #b1dcfb;
}
.picker__day--disabled:before
{
    border-top-color: #aaa;
}
.picker__day--outfocus
{
    color: #ddd;
    -ms-filter: "alpha(Opacity=66)";
    filter: alpha(opacity=66);
    -moz-opacity: .66;
    opacity: .66;
}
.picker__day--infocus:hover, .picker__day--outfocus:hover
{
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
}
.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted
{
    background: #0089ec;
    color: #fff;
}
.picker__day--disabled, .picker__day--disabled:hover
{
    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
{
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
}
.picker__button--today:hover, .picker__button--clear:hover
{
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb;
}
.picker__button--today:focus, .picker__button--clear:focus
{
    background: #b1dcfb;
    border-color: #0089ec;
    outline: 0;
}
.picker__button--today:before, .picker__button--clear:before
{
    position: relative;
    display: inline-block;
    height: 0;
}
.picker__button--today:before
{
    content: " ";
    margin-right: .45em;
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent;
}
.picker__button--clear:before
{
    content: "\D7";
    margin-right: .35em;
    top: -.1em;
    color: #e20;
    vertical-align: top;
    font-size: 1.1em;
}