.simple-calendar {}

.simple-calendar table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ddd;
  border-collapse: collapse;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

.simple-calendar tr {
  border-collapse: collapse;
}

.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid #ddd;
  border-collapse: collapse;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 0 none #333;
  box-sizing: border-box;
  text-align: left;
}

.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;
  border: 1px solid #ddd;
}

.simple-calendar .calendar-heading {
  display: flex;
  align-items: center;
  justify-content: between;
  margin-bottom: 1rem;
}

.simple-calendar .calendar-heading time {
  flex: 1;
  font-weight: 700;
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}

.simple-calendar .calendar-heading nav {
}

.simple-calendar .calendar-heading nav a {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem; /* px-3 py-1 */
  border-radius: 0.375rem;  /* rounded-md */
  font-size: 0.75rem;       /* text-xs */
  font-weight: 500;
  color: #ffffff;           /* text-white */
  background-color: #4b5563; /* gray-600 */
  border: 1px solid transparent;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* shadow-sm */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.simple-calendar .calendar-heading nav a:hover {
  background-color: #374151; /* gray-700 */
}

.simple-calendar .calendar-heading nav a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px #3b82f6; /* ring-blue-500 */
}
.simple-calendar .day {
  height: 80px;
}

.simple-calendar .wday-0 {}
.simple-calendar .wday-1 {}
.simple-calendar .wday-2 {}
.simple-calendar .wday-3 {}
.simple-calendar .wday-4 {}
.simple-calendar .wday-5 {}
.simple-calendar .wday-6 {}

.simple-calendar .today {
  background: #EFF6FF;
}

.simple-calendar .past {}
.simple-calendar .future {}
.simple-calendar .start-date {}

.simple-calendar .prev-month {
  background: #F9FAFB;
}
.simple-calendar .next-month {
  background: #F9FAFB;
}
.simple-calendar .current-month {}
.simple-calendar .has-events {}