#calender table {
    border-collapse: initial !important;
    border-spacing: 0px;
    font-weight: bold;
    background-color: white;
}

#calender td {
    width: 14.28%;
    height: 45px;
    text-align: center;
}

#calender .dotw>td {
    height: 30px;
    background-color: #543f32;
    color: white;
}

#calender :not(tr.dotw)>td {
    margin: 10px;
    /* background-color: rgb(140, 198, 140); */
}

.A_color {
    background-color: #f3e8a7;
}

.B_color {
    background-color: #f8d0cc;
}

.C_color {
    background-color: #ccebfc;
}

.D_color {
    background-color: #c8dcc8;
}

.E_color {
    background-color: #decdbe;
}

.F_color {
    background-color: #c7ab82;
}

.＿_color {
    background-color: #ffffff;
}


.cal_button {
    border: 1px solid #c0c6c9;
    text-align: center;
    background-color: white;
    font-size: 1.5rem;
    font-weight: bold;

}

#calender td {
    border-top: 0.5px solid #dddcd6;
    border-bottom: 0.5px solid #dddcd6;
    border-left: 0.5px solid #9fa0a0;
    border-right: 0.5px solid #9fa0a0;
}

 .is-active {
     background-color: #69821b;
     color: white;
 }