.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;
}