/* 將 bootstrap-datetimepicker 的結構對應到目前載入的 jQuery UI Theme。 */
.datetimepicker.datetimepicker-ui-theme {
    padding: .25em;
    border: 1px solid #d3d3d3;
    background: #fff;
    color: #222;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

    .datetimepicker.datetimepicker-ui-theme table {
        border: 0;
        background: transparent;
    }

    .datetimepicker.datetimepicker-ui-theme thead {
        border: 1px solid #aaa;
        background: #ccc;
        color: #222;
        font-weight: bold;
    }

        .datetimepicker.datetimepicker-ui-theme .ui-state-default,
        .datetimepicker.datetimepicker-ui-theme thead th.prev,
        .datetimepicker.datetimepicker-ui-theme thead th.next,
        .datetimepicker.datetimepicker-ui-theme thead th.switch,
        .datetimepicker.datetimepicker-ui-theme tfoot th.today,
        .datetimepicker.datetimepicker-ui-theme tfoot th.clear {
            border: 1px solid #d3d3d3 !important;
            background: #e6e6e6 !important;
            color: #555 !important;
            font-weight: normal;
            text-shadow: none;
        }

            .datetimepicker.datetimepicker-ui-theme .ui-state-hover,
            .datetimepicker.datetimepicker-ui-theme .ui-state-focus,
            .datetimepicker.datetimepicker-ui-theme thead th.prev:hover,
            .datetimepicker.datetimepicker-ui-theme thead th.next:hover,
            .datetimepicker.datetimepicker-ui-theme thead th.switch:hover,
            .datetimepicker.datetimepicker-ui-theme tfoot th.today:hover,
            .datetimepicker.datetimepicker-ui-theme tfoot th.clear:hover {
                border-color: #999 !important;
                background: #dadada !important;
                color: #212121 !important;
            }

    .datetimepicker.datetimepicker-ui-theme .ui-state-active {
        border-color: #aaa !important;
        background: #fff !important;
        color: #212121 !important;
    }

    .datetimepicker.datetimepicker-ui-theme .ui-state-highlight:not(.ui-state-active) {
        border-color: #fcefa1 !important;
        background: #fbf9ee !important;
        color: #363636 !important;
    }

    .datetimepicker.datetimepicker-ui-theme .ui-state-disabled {
        border-color: transparent !important;
        background: transparent !important;
        opacity: .35;
        color: #777 !important;
    }

    .datetimepicker.datetimepicker-ui-theme th,
    .datetimepicker.datetimepicker-ui-theme td,
    .datetimepicker.datetimepicker-ui-theme td span {
        box-sizing: border-box;
    }

    .datetimepicker.datetimepicker-ui-theme thead th,
    .datetimepicker.datetimepicker-ui-theme tfoot th {
        padding: .35em;
    }

        .datetimepicker.datetimepicker-ui-theme thead th.prev,
        .datetimepicker.datetimepicker-ui-theme thead th.next,
        .datetimepicker.datetimepicker-ui-theme thead th.switch,
        .datetimepicker.datetimepicker-ui-theme tfoot th.today,
        .datetimepicker.datetimepicker-ui-theme tfoot th.clear {
            cursor: pointer;
        }