﻿.ui-datepicker {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 0 0 10px 0;
    width: 340px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .ui-datepicker .ui-datepicker-header {
        background-color: transparent;
        border: 0;
        padding: 0;
        border-bottom: 1px solid #dedede;
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            position: absolute;
            width: 45px;
            height: 100%;
            display: block;
            top: 0;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            cursor: pointer;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
                background-color: #dedede;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
                display: none;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            left: 0;
            background: url('../images/icon-arrow-left-blue.png') no-repeat 50% 50%;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            right: 0;
            background: url('../images/icon-arrow-blue.png') no-repeat 50% 50%;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            color: #333333;
            font-family: 'Open sans';
            font-weight: 600;
            font-size: 18px;
            line-height: 48px;
            margin: 0 45px;
        }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            font-weight: 600;
            font-family: 'Open sans';
            font-size: 14px;
            padding: 20px 3px 15px 3px;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
        }

            .ui-datepicker .ui-datepicker-calendar td a {
                margin: 5px 0;
                display: inline-block;
                border: 1px solid #aeaeb3;
                width: 37px;
                height: 37px;
                padding: 0;
                line-height: 35px;
                text-align: center;
                color: #333333;
                font-size: 14px;
                font-weight: 300;
                font-family: 'Open sans';
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -ms-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
            }

            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today.ui-datepicker-current-day a {
                background-color: #59c45a;
                border-width: 0;
                color: #fff;
            }

            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
                border-width: 0;
                background-color: #7da9f8;
                color: #fff;
            }

            .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {
                border-width: 0;
                color: #999999;
            }
