/* Datepicker */

.datepicker-dropdown {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

    .datepicker-dropdown.datepicker-orient-top:before,
    .datepicker-dropdown.datepicker-orient-top:after {
        border-bottom-color: transparent;
        top: 100%;
        bottom: auto;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        border-top-color: rgba(0, 0, 0, .175);
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        border-top-color: #fff;
    }

    .datepicker-dropdown.datepicker-orient-left:before,
    .datepicker-dropdown.datepicker-orient-left:after {
        left: 50px;
        right: auto;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        margin-right: 0;
        margin-left: -11px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        margin-right: 0;
        margin-left: -8px;
    }

    .datepicker-dropdown.datepicker-orient-right:before,
    .datepicker-dropdown.datepicker-orient-right:after {
        right: 50px;
    }

.datepicker {
    background: #fff;
    border-radius: 0;
    width: 230px;
    max-width: 100%;
    padding: 0 5px;
    line-height: normal;
    color: #2e3640;
}

    .datepicker.datepicker-inline {
        position: relative;
        width: 100%;
        min-width: 200px;
    }

    .datepicker [class^="datepicker-"] table {
        table-layout: fixed;
        width: 100%;
    }

        .datepicker [class^="datepicker-"] table thead {
            background: none;
        }
        .datepicker [class^="datepicker-"] table th,
        .datepicker [class^="datepicker-"] table td {
            border-top: inherit;
            height: inherit;
            padding: inherit;
            padding-top: inherit;
            padding-bottom: inherit;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            color: #666;
        }
            .datepicker [class^="datepicker-"] table th:first-child,
            .datepicker [class^="datepicker-"] table td:first-child {
                padding-left: inherit;
            }
            .datepicker [class^="datepicker-"] table th:last-child,
            .datepicker [class^="datepicker-"] table td:last-child {
                padding-right: inherit;
            }
        .datepicker [class^="datepicker-"] table thead th,
        .datepicker [class^="datepicker-"] table thead td {
            border-top: inherit;
            border-bottom: inherit;
            border-radius: 0;
            height: inherit;
            padding: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            text-align: inherit;
            color: #666;
            cursor: pointer;
        }
        .datepicker [class^="datepicker-"] table tbody th,
        .datepicker [class^="datepicker-"] table tbody td {
            border-top: inherit;
            line-height: inherit;
            color: #666;
        }

    .datepicker [class^="datepicker-"] .prev,
    .datepicker [class^="datepicker-"] .datepicker-switch,
    .datepicker [class^="datepicker-"] .next {
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0;
        height: 40px;
        padding: 0;
        font-size: 13px;
        text-align: center;
        cursor: pointer;
    }

        .datepicker [class^="datepicker-"] .prev:hover,
        .datepicker [class^="datepicker-"] .datepicker-switch:hover,
        .datepicker [class^="datepicker-"] .next:hover {
            background: none;
        }

    .datepicker [class^="datepicker-"] .dow {
        height: 30px;
        padding: 5px 0 0;
        font-size: 9px;
        text-align: center;
    }

    .datepicker [class^="datepicker-"] .day {
        position: relative;
        background: none;
        border-radius: 0;
        padding: 0;
        height: 26px;
        font-size: 9px;
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }

        .datepicker [class^="datepicker-"] .day::after {
            position: absolute;
            border: 1px solid #ebebeb;
            border-radius: 100%;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            z-index: -1;
            content: " ";
        }

        .datepicker [class^="datepicker-"] .day.active,
        .datepicker [class^="datepicker-"] .day:hover {
            background: none;
            color: #FFF;
        }

            .datepicker [class^="datepicker-"] .day:hover::after {
                background: #b2dfff;
                border-color: #b2dfff;
            }

            .datepicker [class^="datepicker-"] .day.active::after {
                background: #0095ff;
                border-color: #0095ff;
            }

        .datepicker [class^="datepicker-"] .day.disabled {
            color: #FFF;
        }

            .datepicker [class^="datepicker-"] .day.disabled:after {
                background: rgba(0,0,0,0.3);
            }

    .datepicker [class^="datepicker-"] .week:hover .day::after {
        background: #b2dfff;
        border-color: #b2dfff;
    }

    .datepicker [class^="datepicker-"] .week.active .day {
        color: #ffffff;
    }

        .datepicker [class^="datepicker-"] .week.active .day::after {
            background: #0095ff;
            border-color: #0095ff;
        }

    .datepicker [class^="datepicker-"] .datepicker-months,
    .datepicker [class^="datepicker-"] .datepicker-years {
        line-height: 45px;
    }

    .datepicker [class^="datepicker-"] .month,
    .datepicker [class^="datepicker-"] .year,
    .datepicker [class^="datepicker-"] .decade,
    .datepicker [class^="datepicker-"] .century {
        display: inline-block;
        position: relative;
        border-radius: 0;
        width: 44px;
        height: 44px;
        margin: 3.5px;
        line-height: 44px;
        text-align: center;
        cursor: pointer;
        z-index: 1;
    }

        .datepicker [class^="datepicker-"] .month:hover,
        .datepicker [class^="datepicker-"] .month.active,
        .datepicker [class^="datepicker-"] .year:hover,
        .datepicker [class^="datepicker-"] .year.active,
        .datepicker [class^="datepicker-"] .decade:hover,
        .datepicker [class^="datepicker-"] .decade.active,
        .datepicker [class^="datepicker-"] .century:hover,
        .datepicker [class^="datepicker-"] .century.active {
            background: none;
            color: #FFF;
        }

        .datepicker [class^="datepicker-"] .month::after,
        .datepicker [class^="datepicker-"] .year::after,
        .datepicker [class^="datepicker-"] .decade::after,
        .datepicker [class^="datepicker-"] .century::after {
            position: absolute;
            border: 1px solid #ebebeb;
            border-radius: 100%;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            content: " ";
        }

        .datepicker [class^="datepicker-"] .month:hover::after,
        .datepicker [class^="datepicker-"] .year:hover::after,
        .datepicker [class^="datepicker-"] .decade:hover::after,
        .datepicker [class^="datepicker-"] .century:hover::after {
            background: #b2dfff;
            border-color: #b2dfff;
        }

        .datepicker [class^="datepicker-"] .month.active::after,
        .datepicker [class^="datepicker-"] .year.active::after,
        .datepicker [class^="datepicker-"] .decade.active::after,
        .datepicker [class^="datepicker-"] .century.active::after {
            background: #0095ff;
            border-color: #0095ff;
        }