.pdp-default, .rtl {
    direction: rtl
}

@keyframes start {
    from {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes start {
    from {
        -webkit-transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1)
    }
}

.pdp-default {
    position: absolute;
    color: #555;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 9999999;
    min-width: 212px;
}
.pdp-default.pdp-top {margin-top: -10px;}
.pdp-default.pdp-left {margin-left: -10px;}
.pdp-default.pdp-right {margin-left: 10px;}
.pdp-default ul{margin-right:0 !important}
.pdp-default ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

    .pdp-default ::-webkit-scrollbar {
        width: 15px;
        background-color: #f5f5f5
    }

    .pdp-default ::-webkit-scrollbar-thumb {
        background-color: #444
    }

    .pdp-default ::selection {
        color: #67cdcc
    }

.pdp-header {
    height: 26px !important;
    line-height: 27px !important
}

.pdp-default .pdp-header {
    padding: 2px;
    color: #333;
    border-radius: 0;
    background-color: #fff;
}

.pdp-default .yearSelect {
    overflow-y: auto;
    direction: ltr
}

.pdp-default .monthSelect li.disableMonth, .pdp-default .monthSelect li.disableMonth:hover {
    color: #bbb;
    background: #eee;
    cursor: not-allowed
}

.pdp-default .monthSelect, .pdp-default .yearSelect {
    background: #f9f9f9;
    border: 1px solid #ccc;
    list-style: none;
    position: absolute;
    padding: 0;
    width: 99.6%;
    text-align: center;
    z-index: 9999;
    animation: .2s start;
    -webkit-animation: .2s start
}

.pdp-default .selected {
    background: #15a6eb;
    color: #fff
}

.pdp-default .monthSelect li, .pdp-default .yearSelect li {
    padding: 0;
    cursor: default;
    display: inline-table;
    text-align: center;
    border: 1px dotted #ddd
}

    .pdp-default .monthSelect li:hover, .pdp-default .yearSelect li:hover {
        background: #f93;
        color: #fff;
        border-color: #f70
    }

.pdp-default .nextArrow {
    left: 0
}

.pdp-default .prevArrow {
    right: 0
}

.pdp-default .monthYear {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

.pdp-default .nextArrow, .pdp-default .prevArrow {
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: .2em 4px
}

    .pdp-default .nextArrow:hover, .pdp-default .prevArrow:hover {
        background: #f1f1f1;
        color: #333;
        font-size: 21px
    }

.pdp-default .cell {
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.pdp-default .dows {
    color: #333;
    border-radius: 0;
    background-color: #fff;
}

.pdp-default .days {
    background-color: #fff;
    border-top: none;
    font-size: 12px;
    border-top: 1px solid #f1f1f1;
    padding-top: 5px;
}

.pdp-default .day:hover {
    background: #f3f3f3;
    border-radius: 2px
}

.pdp-default .selday, .pdp-default .selday:hover {
    background: #eadaa6;
    border-color: #eb5b04
}

.pdp-default .friday {
    color: #f38
}

.pdp-default .today, .pdp-default .today:hover {
    color: #fff;
    background: #0073ea
}

.pdp-default .disday, .pdp-default .disday:hover {
    color: #b7b5b5;
    background: #f1f1f1;
    cursor: not-allowed
}

.pdp-default .pdp-footer {
    background: #fff;
    font-size: 12px;
    text-align: center;
    height: 17px
}

    .pdp-default .pdp-footer .goToday {
        color: #000;
        text-decoration: none !important
    }

        .pdp-default .pdp-footer .goToday:hover {
            color: #888;
            text-decoration: overline
        }