﻿.datepicker {
    font-family: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.datepicker-plot-area {
    width: 300px;
    background-color: #f0f0f0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 0;
    font-family: inherit;
}

    .datepicker-day-view, .datepicker-plot-area .datepicker-day-view .month-grid-box, .datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
        background-color: #f0f0f0;
    }

    .datepicker-plot-area .datepicker-day-view .table-days td {
        border: 1px solid #c9c9c9;
        height: 40px;
    }

        .datepicker-plot-area .datepicker-day-view .table-days td span {
            height: 40px;
            font-size: 16px;
        }

        .datepicker-plot-area .datepicker-day-view .table-days td.today span {
            background: #28a79d;
            color: #fff !important;
            text-shadow: none;
        }

            .datepicker-plot-area .datepicker-day-view .table-days td.today span:hover {
                background: rgb(95, 215, 255);
            }

        .datepicker-plot-area .datepicker-day-view .table-days td span:hover {
            background: rgb(78, 186, 222);
        }

.datepicker-navigator {
    height: 45px;
    background-color: #fff;
    border-bottom: 3px solid #09c;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box {
    margin: 0;
    padding: 10px;
}

.datepicker-plot-area .datepicker-navigator {
    position: relative;
}

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        padding: 16px 19px;
        top: -8px;
        position: absolute;
        float: none;
        width: 70px;
        height: 60px;
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next {
        left: -15px;
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        right: -15px;
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
        background-color: rgba(226, 244, 253, 0.51);
        border-radius: 50%;
    }
