.calendar{
  overflow-x: initial;
}

.calendar .months-container .month-container {
  height: 260px;
  margin-bottom: 75px;
}

.calendar table.month {
  background-color: white;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  height: 100%;
}

.calendar table.month th.month-title {
  background-color: #2196F3;
  color: white;
  padding: 12px;
  font-weight: 400;
}

.calendar table.month th.day-header {
  padding-top: 10px;
  color: #CDCDCD;
  font-weight: 400;
  font-size: 12px;
}

.calendar table.month td.day .day-content {
  padding: 8px;
  border-radius: 100%;
}

.calendar .weekend{
  background: #f5f5f5;
}

.calendar table.month td.day .day-content {
    padding: 5px 10px !important;
}

@media (max-width: 575.98px) {
  .calendar table.month td.day .day-content {
      padding: 5px 16px !important;
  }
}