.calendar-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}

.calendar-th {
  border: 1px solid #000!important;
}

.calendar-td {
  border: 1px solid #000;
}

.calendar-navigation {
  font-weight: bold;
  font-size: 26px;
}

.current-month {
  font-weight: bold;
  font-size: 20px;
  width: 170px;
  display: inline-block;
}

.calendar-navigation-month {
  text-align: center;
}

.calendar-different-month {
  opacity: 0.5;
}

.calendar-confirmed {
  background-color: #FF756D;
  height: 20px;
  width: 20px;
  float: left;
}

.calendar-temporary {
  background-color:  #fff49cdb;
  height: 20px;
  width: 20px;
  float: left;
}

.calendar-available{
  background-color:  #62bf64;
  height: 20px;
  width: 20px;
  float: left;
}

.calendar-info {
  padding-top: 10px;
}

.calendar-table {
  float: none;
  margin-bottom: 0;
}

td.available {
  background-color: #62bf64;
}

td.left-confirmed {
  background-image: linear-gradient(to bottom right, #FF756D 49%, #0000004d 50%, #62bf64 51%);
}

td.left-confirmed-right-temporary {
  background-image: linear-gradient(to bottom right, #FF756D 49%, #0000004d 50%, #fff49cdb 51%);
}

td.left-temporary {
  background-image: linear-gradient(to bottom right, #fff49cdb 49%, #0000004d 50%, #62bf64 51%);
}

td.left-temporary-right-confirmed {
  background-image: linear-gradient(to bottom right, #fff49cdb 49%, #0000004d 50%, #FF756D 51%);
}

td.full-confirmed {
  background-color: #FF756D;
}

td.full-temporary {
  background-color: #fff49cdb;
}

td.right-confirmed {
  background-image: linear-gradient(to bottom right, #62bf64 49%, #0000004d 50%, #FF756D 51%);
}

td.right-temporary {
  background-image: linear-gradient(to bottom right, #62bf64 49%, #0000004d 50%, #fff49cdb 51%);
}