﻿.datePicker {
    padding: 10px;
    width: 240px;
    font-size: 10pt;
}

    .datePicker table {
        border-collapse: collapse;
    }

    .datePicker input {
        text-align: center;
        background-color: white;
        border: 0px;
        padding: 4px 6px 4px 6px;
        cursor: pointer;
    }

    .datePicker button {
        border: 0px;
    }

        .datePicker button:hover {
            border: 0px;
            box-shadow: rgba(136,136,136, 0.2) 0px 0px 0px 100px inset;
        }

    .datePicker table input[type=button] {
        width: 2em;
    }

    .datePicker .show {
        display: block !important;
    }

    .datePicker .dateItem_today {
        border: 1px solid red !important;
        color: red !important;
        /*font-weight: bold;*/
        width: 30px !important;
    }

    .datePicker .dateItem_selected {
        background-color: lightgray;
        /*font-weight: bold;*/
        border: 1px solid #888;
        width: 30px !important;
    }

    .datePicker .dateItem_default{
        width: 30px!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;
    }

    .datePicker .dateItem_default:hover {
        background-color: lightgray;
    }

    .datePicker .datePickerDayHeader {
        color: gray;
        /*font-weight: bold;*/
        width: 30px !important;
        text-align: center;
    }
