.pickadate__holder {
    width: 100%;
    height: 0;
    position: absolute;
    z-index: 10000;
}

.pickadate__calendar--wrap {
    position: relative;
    max-width: 320px;
    min-width: 256px;
    max-height: 0;
    overflow-y: hidden;

    -webkit-transition: all .15s ease-out;
       -moz-transition: all .15s ease-out;
            transition: all .15s ease-out;
}

.pickadate__holder--opened .pickadate__calendar--wrap {
    top: .5em;
    max-height: 25em;

    -webkit-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
       -moz-box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
            box-shadow: 0 6px 18px 1px rgba(0,0,0,.12);
}

.pickadate__calendar {
    padding: 1em;
    font-size: 1em;
    line-height: 1.5;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.pickadate__calendar--table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-top: 1em;
}

.pickadate__weekday {
    width: 14.285714286%; /* 100/7 */
    font-size: .8em;
    padding-bottom: .5em;
    color: #999;
    font-weight: 500;
}


.pickadate__day--infocus:hover,
.pickadate__day--outfocus:hover,
.pickadate__month--prev:hover,
.pickadate__month--next:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
}


.pickadate__month--nav {
    position: relative;
}

.pickadate__month--prev,
.pickadate__month--next {
    position: absolute;
    top: 0;
    padding: .5em;
    margin: -.5em;
    text-align: center;
    min-width: 24px;
    height: 24px;
    line-height: 26px;
}

.pickadate__month--prev {
    left: 0;
}
.pickadate__month--next {
    right: 0;
}

.pickadate__month--wrap,
.pickadate__year--wrap {
    text-align: center;
}

.pickadate__month {
    font-weight: 500;
}

.pickadate__year {
    font-size: .66em;
    color: #999;
    font-weight: bold;
}

.pickadate__month--selector,
.pickadate__year--selector {
    font-size: .8em;
    border: 1px solid #ccc;
    height: 32px;
}

.pickadate__month--selector {
    margin-bottom: .5em;
    width: 50%;
}

.pickadate__year--selector {
    width: 32%;
}


.pickadate__day {
    padding: .33em 0 .25em;
    font-weight: 100;
    border: 1px solid #fff;
    margin: -1px -1px 0;
}

.pickadate__day--outfocus {
    color: #ccc;
}

.pickadate__day--today {
    color: #0089ec;
    position: relative;
}

.pickadate__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent;
}

.pickadate__day--selected,
.pickadate__day--selected:hover {
    background: #0089ec;
    color: #fff;
}

.pickadate__day--highlighted,
.pickadate__day--highlighted:hover {
    border-color: #0089ec;
}

.pickadate__day--disabled,
.pickadate__day--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
}

.pickadate__day--disabled:before {
    border-top-color: #aaa;
}