.overdue .x-grid-cell {
    background-color: red;
    color: yellow;
}

.today-overdue .x-grid-cell {
    background-color:  blue;
    color: red;

}
.yellow .x-grid-cell {
    background-color:  #DCDCDC;
    color: red;

}

.red .x-grid-cell {
    background-color:#FFE4C4;
    color: #000000;

}
.red1 .x-grid-cell {
    background-color:#FF5151;
    color: #000000;

}
.red2 .x-grid-cell {
    background-color:#FF60AF;
    color: #000000;

}
.green .x-grid-cell {
    background-color:  #32CD99;
    color: #000000;

}

.pink .x-grid-cell {
    background-color: #FFEFD5;
    color:  #000000;

}