﻿
/*日期選擇器*/
.j-datepicker {
}

    .j-datepicker .ajax__calendar {
        border: 1px solid #f7f7f7;
        background-color: #fdfdfd;
        /*visibility: visible !important;
        position: absolute;
        z-index: 99999;
        display: unset !important;*/
    }


    /*選取器最外層*/

    .j-datepicker .ajax__calendar_container {
        padding: 4px;
        cursor: default;
        width: 210px;
        font-size: 11px;
        text-align: center;
        font-family: "Titillium Web","Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif;
    }


    /*選取器 年月日 可挑選部分 */
    .j-datepicker .ajax__calendar_body {
        height: 139px;
        width: 180px;
        position: relative;
        overflow: hidden;
        margin: auto;
    }

    /*選取器 年月日 顯示部分 */
    .j-datepicker .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        top: 0px;
        left: 0px;
        height: 139px;
        width: 180px;
        position: absolute;
        text-align: center;
        margin: auto;
    }

    /*選取器 年月日 可挑選部分-Table */
    .j-datepicker .ajax__calendar_container TABLE {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
    }

    /*選取器 年月日 可挑選部分-Table-td*/
    .j-datepicker .ajax__calendar_container TD {
        padding: 0px;
        margin: 0px;
        font-size: 11px;
        border: 1px solid #e6e6e6;
        text-align: center;
        vertical-align: middle;
    }


    /*整個標頭*/
    .j-datepicker .ajax__calendar_header {
        margin-top: 5px;
        height: 25px;
        width: 100%;
    }

    /*標頭-上一頁*/
    .j-datepicker .ajax__calendar_prev {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: left;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    /*標頭-下一頁*/
    .j-datepicker .ajax__calendar_next {
        cursor: pointer;
        width: 15px;
        height: 15px;
        float: right;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    /*標頭-文字部分*/
    .j-datepicker .ajax__calendar_title {
        cursor: pointer;
        font-weight: bold;
        margin-left: 15px;
        margin-right: 15px;
    }

    /*底部-快速選取今日*/
    .j-datepicker .ajax__calendar_footer {
        margin-top: 8px;
        height: 25px;
    }

    /*今日醒目標記-包含年'月'日部分-包含底部-選取器中*/
    .j-datepicker .ajax__calendar_today {
        cursor: pointer;
        padding-top: 3px;
        color: #0b6ec5;
        font-weight: bold;
    }

    /*選取器-週幾*/
    .j-datepicker .ajax__calendar_dayname {
        height: 17px;
        width: 17px;
        text-align: right;
        padding: 0 2px;
    }

    /*選取器-每一日期*/
    .j-datepicker .ajax__calendar_day {
        height: 23px;
        width: 23px;
        text-align: right;
        padding: 0 2px;
        cursor: pointer;
        /*背景色-文字色會複寫今日醒目標記-需注意*/
    }

    /*選取器-每一月份*/
    .j-datepicker .ajax__calendar_month {
        height: 44px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        /*背景色-文字色會複寫今日醒目標記-需注意*/
    }

    /*選取器-每一年份*/
    .j-datepicker .ajax__calendar_year {
        height: 44px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        /*背景色-文字色會複寫今日醒目標記-需注意*/
    }


    /*---目前顯示中的容器設定---*/
    .j-datepicker .ajax__calendar .ajax__calendar_container {
        border: 1px solid #e2e2e2;
        background-color: #ffffff;
        color: #3e3d3d;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_footer {
        border-top: 1px solid #e6e2e2;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_dayname {
        border-bottom: 1px solid #f5f5f5;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_day {
        border: 1px solid #ffffff;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_month {
        border: 1px solid #ffffff;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_year {
        border: 1px solid #ffffff;
    }


    /*所被選取的-日期*/
    .j-datepicker .ajax__calendar .ajax__calendar_active .ajax__calendar_day {
        background-color: #117dea;
        color: #ffffff;
    }

    /*所被選取的-月份*/
    .j-datepicker .ajax__calendar .ajax__calendar_active .ajax__calendar_month {
        background-color: #117dea;
        color: #ffffff;
    }

    /*所被選取的-年份*/
    .j-datepicker .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
        background-color: #117dea;
        color: #ffffff;
    }

    /*---目前顯示中-今日的樣式---*/
    .j-datepicker .ajax__calendar .ajax__calendar_today .ajax__calendar_day {
        border-color: #ecf6ff;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_today .ajax__calendar_month {
        border-color: #ecf6ff;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_today .ajax__calendar_year {
        border-color: #ecf6ff;
    }

    /*非目前顯示月份日期範圍*/
    .j-datepicker .ajax__calendar .ajax__calendar_other .ajax__calendar_day {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #ccc;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_other .ajax__calendar_year {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #ccc;
    }


    .j-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
        background-color: #edf9ff;
        border-color: #daf2fc;
        color: #0066cc;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
        color: #0066cc;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
        color: #0066cc;
    }

    /* styles for invalid dates as defined by startDate and endDate*/
    .j-datepicker .ajax__calendar .ajax__calendar_invalid .ajax__calendar_day {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_invalid .ajax__calendar_month {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #646464;
        text-decoration: line-through;
        cursor: default;
    }

    .j-datepicker .ajax__calendar .ajax__calendar_invalid .ajax__calendar_today {
        visibility: hidden;
        cursor: default;
    }

/*日期選擇器 END*/
