.DateCalendar{
    background: #FFF;
    box-shadow: 0px 0px 1px 0px #8e8e8e;
    border-radius: 0.2rem;
}
.DateCalendar table tbody{
    max-height:50vh;
}.DateCalendar thead tr{
    display: block !important;
}
div[__id="datePicker"]{
    background: #FFF;
    box-shadow: 1px 1px 2px 2px #8e8e8e;
    border-radius: 0.2rem;
}
.DateCalendar label{
    color: #004088;
    font-weight: bold;
    padding: 5px;
    cursor:pointer
}
.DateCalendar input[type="Button"]{
    min-width: 3em;
    font-size:0.75em;
}
.DateCalendar tr{
    overflow:visible;
}
.DateCalendar tr:nth-child(even){
    background-color: #fdfdfd;
}
.DateCalendar td{
    width:100%;
}
.DateCalendar td:nth-child(even){
    background-color: #f9f9f9;
}
.DateCalendar input{
    min-width: 2em;
    text-align: center;
}
.DateCalendar .DateLayout{
    float: right;
}
.DateCalendar .DateLayout thead td{
    background-color: lightgray;
}
.DateCalendar .DateLayout span[__dataSpan=true]{
    height:56vh;
    max-height: 56vh;
}
div[__id="datePicker"] .DateLayout span[__dataSpan=true]{
    height:14em;
    max-height: 14em;
}
.DateCalendar tr:first-child {
    background: #fff;
    display: block!important
}
.DateCalendar td{
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    transition: background .5s;
    height:2.4em;
    width:100%;
    overflow:visible;
    border-bottom: 1px solid lightgray;
    font-size:0.75em;
}
.DateCalendar td > p{
    position:relative;
    /*border: 1px solid white;
    box-shadow: 0px 0px 1px 2px #8e8e8e;*/
    border-radius: 0.5em;
    padding:0.1em;
}
.DateCalendar td:hover{
    cursor: pointer;
    background: #eee;
}
.CalDateTime{
    text-align: left !important;
}
.DatePicker > div{
    background-color: #f0f0f0;
}
.DatePicker span[__t] {
    background-color: transparent;
}
.DatePicker span[__t] ::-webkit-scrollbar{
    background-color: transparent;
}
.DatePicker span[__t]:hover {
}
.DatePicker span[__t]:hover ::-webkit-scrollbar-button{
    background-color: gray;
    color: white;
}