html body .page-hero p {
  color: #f1acb7;
}
html body .card {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
}
html body .card-header {
  background: #27337f;
  color: #fff;
}
html body .card-header .prevMonth {
  cursor: pointer;
}
html body .card-header .nextMonth {
  cursor: pointer;
}
html body .card-body {
  background: #8e9dff;
}
html body .card-body .days span {
  background: #2733dc;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  cursor: pointer;
}
html body .card-body .days span:hover {
  background: #0716e1;
}
html body .card-body .dates span {
  background: #6176ff;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  cursor: pointer;
}
html body .card-body .dates span.active,
html body .card-body .dates span:hover {
  background: #3e58ff;
  color: #000;
}
html body .card-body .dates span.ntMonth {
  color: #fff;
  background: #98a6ff;
}
html body .card-body .dates span.ntMonth:hover {
  background: #5068ff;
  color: #000;
}
html body .card#event .card-header .close {
  color: #fff;
  opacity: 1;
}
html body .card#event .card-body .events-today {
  height: 210px;
  overflow-x: hidden;
}
html body .card#event .card-body .events-input .data-invalid {
  border-color: red;
}
html body .card#event .card-body .events-input .error {
  font-size: 12px;
  color: red;
  position: absolute;
  top: 100%;
}
@media (max-width: 767px) {
  html body .pa-sm {
    position: absolute;
  }
  html body .card-body .days span {
    height: 38px;
    width: 38px;
    line-height: 38px;
    font-size: 0.8rem;
  }
  html body .card-body .dates span {
    height: 38px;
    width: 38px;
    line-height: 38px;
    font-size: 0.8rem;
  }
  html body .card#event .card-body .events-today {
    height: 188px;
  }
} /*# sourceMappingURL=style.css.map */
.event-date,
.event-day {
  color: #fff;
}