#calendar table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    #calendar td {
        border: 3px inset #d8d8d8;
        padding: 5px;
        text-align: center;
    }
    #calendar td:first-child {
        color: red;
    }
    #calendar td:last-child {
        color: royalblue;
    }
    #calendar td.is-disabled {
        color: #ccc;
    }
    #calendar td.before {
        margin:0px;
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #ebebeb;
    }
    #calendar td.today {
        margin:0px; 
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #fff9a3;
    }
    #calendar td.after {
        margin:0px; 
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #effff7;
    }
    #calendar td.sunday {
        margin:0px; 
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #fdbcf8;
    }
    #calendar td.saturday {
        margin:0px; 
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #84ceff;
    }
    #calendar td.holiday {
        margin:0px; 
        padding:4px 0px 4px 0px;
        line-height:1;
        background-color: #fdbcf8;
    }