.caltable ul {
    list-style: none;
}
.caltable {
    background-color: #f7f5f0; 
    color:#000000;
    width:100%;
    font-family: Arial;
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    max-width:300px;
    /*    height:300px;*/
    float:left;
    /*    margin:2px;*/
}
.caltable td{
    border:thin black solid;
    padding:2px;
    padding-top:9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

}
.caltable_header{
    background-color:#f7f5f0 ; 
    color:#369; 
    text-align: center;  
    font-size:20px;
    font-weight:bold;
    padding-bottom: 9px!important;
}
.caltable .blankday{
    background-color:#f7f5f0; color:#000000;
}
#calendar_title{
    margin-bottom:20px;
}
.calendar_day{
    text-align: center !important;
    width: 50px;
    box-sizing: border-box;
    height: 36px;
}
.caltable .open{
    background-color: #1baf54;
    cursor:pointer;
    color:#ffffff;
    transition: .185s background-color cubic-bezier(0.12, 0.99, 1, 0.99);
}
.caltable .closed{
    background-color:  #808080;
    color:#ffffff;
    opacity:.5
}
.caltable .nodata{
    background-color:  #dcdcdc;
    color:#000000;
    opacity:.5;
}
.caltable .open:hover, .caltable .open:focus, .caltable .open:active {
    background-color: #158641;
}
.caltable .td-select {
    background-color: #1197f7;
}
.caltable .td-select:hover, .caltable .td-select:focus, .caltable .tdselect:active {
    background-color: #47b2ff;
}