.calendar-day.has-payment {
  background: #e8f7e9;
  box-shadow: inset 0 0 0 1px #64ad75;
}

.calendar-day.has-payment .date-number {
  background: #176044;
  color: #fff;
}

.calendar-day.has-payment.selected {
  background: #daf4dc;
  box-shadow: inset 0 0 0 2px #176044;
}

@media (max-width: 760px) {
  .calendar-day.has-payment {
    background: #e6f6e8;
    box-shadow: inset 0 0 0 1px #4d9f62;
  }

  .calendar-day.has-payment .payment-count {
    right: 5px;
    bottom: 5px;
    min-width: 27px;
    height: 15px;
    padding: 0 5px;
    border-radius: 5px;
    background: #176044;
    color: #fff;
    font-size: 8px;
    box-shadow: none;
  }

  .calendar-day.has-payment.selected .payment-count {
    background: #176044;
    color: #fff;
  }
}