.availability-calendar {
  width: 280px;
  margin-bottom: 20px;
}

.availability-calendar-header-month {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-bottom: 1px solid #888;
  background: #e8e8e8;
}

.availability-calendar-header-week,
.availability-calendar-week {
  display: flex;
  border-bottom: 1px solid #fff;
}

.availability-calendar-week:last-child {
  border-bottom: 0 none;
}

.availability-calendar-header-week .day,
.availability-calendar-week .day {
  display: block;
  flex: 0 0 auto;
  width: 14.28575%;
  text-align: center;
  border-right: 1px solid #fff;
}

.availability-calendar-header-week .day:last-child,
.availability-calendar-week .day:last-child {
  border-right: 0 none;
}

.availability-calendar-header-week .day {
  font-weight: normal;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  background: #333;
  color: #fff;
}

.availability-calendar-week .day {
  font-weight: normal;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
}

.availability-calendar-week .day.state-outside {
  background-image: none;
  background-color: #999;
  color: #999;
}


.availability-calendar-week .day.state-0 {
  background-image: url('../assets/calendar-1.0.1/available.svg');
}

.availability-calendar-week .day.state-1 {
  background-image: url('../assets/calendar-1.0.1/available-booked.svg');
}

.availability-calendar-week .day.state-2 {
  background-image: url('../assets/calendar-1.0.1/available-selfused.svg');
}

.availability-calendar-week .day.state-3 {
  background-image: url('../assets/calendar-1.0.1/available-closed.svg');
}

.availability-calendar-week .day.state-16 {
  background-image: url('../assets/calendar-1.0.1/booked-available.svg');
}

.availability-calendar-week .day.state-17 {
  background-image: url('../assets/calendar-1.0.1/booked.svg');
  color: #fff;
}

.availability-calendar-week .day.state-18 {
  background-image: url('../assets/calendar-1.0.1/booked-selfused.svg');
}

.availability-calendar-week .day.state-19 {
  background-image: url('../assets/calendar-1.0.1/booked-closed.svg');
  color: #fff;
}

.availability-calendar-week .day.state-32 {
  background-image: url('../assets/calendar-1.0.1/selfused-available.svg');
}

.availability-calendar-week .day.state-33 {
  background-image: url('../assets/calendar-1.0.1/selfused-booked.svg');
}

.availability-calendar-week .day.state-34 {
  background-image: url('../assets/calendar-1.0.1/selfused.svg');
  color: #000;
}

.availability-calendar-week .day.state-35 {
  background-image: url('../assets/calendar-1.0.1/selfused-closed.svg');
}

.availability-calendar-week .day.state-48 {
  background-image: url('../assets/calendar-1.0.1/closed-available.svg');
}

.availability-calendar-week .day.state-49 {
  background-image: url('../assets/calendar-1.0.1/closed-booked.svg');
  color: #fff;
}

.availability-calendar-week .day.state-50 {
  background-image: url('../assets/calendar-1.0.1/closed-selfused.svg');
}

.availability-calendar-week .day.state-51 {
  background-image: url('../assets/calendar-1.0.1/closed.svg');
  color: #fff;
}