﻿.datePicker {
    padding: 10px;
    width: 240px;
    font-size: 10pt;
}

    .datePicker table {
        border-collapse: collapse;
    }

    .datePicker button {
        border: 0px;
    }

        .datePicker button:hover {
            border: 0px;
            box-shadow: rgba(136,136,136, 0.2) 0px 0px 0px 100px inset;
        }

    .datePicker input {
        text-align: center;
        background-color: white;
        border: 0px;
        padding: 4px 6px 4px 6px;
        cursor: pointer;
    }

    .datePicker table input[type=button] {
        background-color: initial;
        width: 100%;
    }

    .datePicker .show {
        display: block !important;
    }

    .datePicker .dateItem_button:hover {
        background-color: whitesmoke;
    }

    .datePicker .dateItem_othermonth {
        color: gray;
    }

    .datePicker .dateItem_button {
        background: none;
    }

    .datePicker .dateItem_weekend {
        /*font-weight: bold;*/
        color: tomato !important;
        /*width: 30px!important; LH*/
    }

    .datePicker .dateItem_default:hover {
        background-color: lightgray;
    }

    .datePicker .datePickerDayHeader {
        color: gray;
        /*font-weight: bold;*/
        /*width: 30px!important; LH*/
        text-align: center;
    }

    /*NEW BY LH*/
    .datePicker table {
        width: 100%;
    }

        .datePicker table tr td {
            text-align: center;
        }

        .datePicker table td:first-child {
            padding-left: 0;
        }

    /*
        .datePicker table td div:hover {
            box-shadow: rgba(136,136,136, 0.2) 0px 0px 0px 100px inset;
        }
        */


    .datePicker td {
        border: 0px;
    }

    .datePicker table input[type=button] {
        background-color: initial;
        width: 100%;
    }

    .datePicker .dateItem_today {
        border: 1px solid red !important;
        color: red !important;
        /*font-weight: bold;*/
        height: 100%;
    }

    .datePicker .dateItem_selected {
        background-color: lightgray;
        /*font-weight: bold;*/
        border: 1px solid #888;
        height: 100%;
    }

    .datePicker .dateItem_default {
        border: 1px solid #fff;
        height: 100%;
    }
