.right {
  display: flex;
  justify-content: flex-end;
}

.center {
  display: flex;
  justify-content: center;
}

.present :not(.no-bg){
  background-color: #228B22;
}

.off-day :not(.no-bg){
  background-color: #87CEFA;
}

.on-leave :not(.no-bg){
  background-color: #CD5C5C;
}

.absent :not(.no-bg){
  background-color: #CD0000;
}

.half-day :not(.no-bg){
  background-color: #98FB98;
}

.double-duty :not(.no-bg){
  background-color: #006400;
}

.paid-leave-availed :not(.no-bg){
  background-color: #EEEE00;
}

.casual-leave-availed :not(.no-bg){
  background-color: #800080;
}

.compensatory-off :not(.no-bg){
  background-color: #F5DEB3;
}

.half-day-pl :not(.no-bg){
  background-color: #FFF68F;
}

.half-day-cl :not(.no-bg){
  background-color: #FF00FF;
}