.calendar__table {
  width: 100%;
}

#calendar-container {
  position: relative;
  overflow: hidden;
}

#calendar-cover {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  top: -100%;
  left: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

#calendar-cover.show {
  top: 0 !important;
  opacity: 1;
}

.calendar__table td {
  padding: 5px;
  border: 1px solid #CCC;
  vertical-align: top;
  width: 14.29%;
}

.calendar__container {
  background: white;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.calendar__weekday {
  font-weight: bold;
  color: black;
}

.calendar__day {
  font-size: 1.3em;
}

.calendar__othermonth .calendar__day {
  opacity: 0.2;
}