.wdk-booking-listing-calendar .wdk-row {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-bottom: -15px;
}

.wdk-booking-listing-calendar .wdk-row .wdk-col {
  margin-bottom: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 1 2 calc(100% / 2);
  -ms-flex: 1 2 calc(100% / 2);
  flex: 1 2 calc(100% / 2);
  flex: 1 2 calc(100% / 2);
  padding: 0 15px;
}

.wdk-booking-listing-calendar .wdk-row .wdk-col.wdk-col-full {
  -webkit-flex: 1 2 100%;
  -ms-flex: 1 2 100%;
  flex: 1 2 100%;
  flex: 1 2 100%;
  width: 100%;
}

.wdk-booking-listing-calendar table {
  width: 100%;
  max-width: 100%;
}

.wdk-booking-listing-calendar table td, .wdk-booking-listing-calendar table th {
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  font-family: "Montserrat";
  font-size: 11px;
  color: #212529;
  font-weight: 500;
}

.wdk-booking-listing-calendar table caption {
  background: #0074e4;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.wdk-booking-listing-calendar table th {
  padding: 5px;
  text-align: center;
}

.wdk-booking-listing-calendar table td.ignore {
  background-color: #fdfdfd;
  color: #ced2d4;
  cursor: inherit;
}

.wdk-booking-listing-calendar table td.bg-available a {
  background-color: #51ac36;
  color: #fff;
}

.wdk-booking-listing-calendar table td.bg-not-selected a {
  background-color: #fff;
  color: #000;
}

.wdk-booking-listing-calendar table td.bg-booked a {
  background-color: #b31111;
  color: #fff;
}

.wdk-booking-listing-calendar table td.bg-today a {
  background-color: #000;
  color: #fff;
}

.wdk-booking-listing-calendar table td.ignored a,
.wdk-booking-listing-calendar table td.bg-not-selected a {
  cursor: default;
}

.wdk-booking-listing-calendar table tbody td {
  padding: 0;
}

.wdk-booking-listing-calendar table tbody td a,
.wdk-booking-listing-calendar table thead td {
  padding: 5px;
  transition: all .15s;
}

.wdk-booking-listing-calendar table tbody td a {
  text-decoration: none;
  display: block;
}

.wdk-booking-listing-calendar table tbody td.bg-available a.active,
.wdk-booking-listing-calendar table tbody td.bg-available a:hover {
  background-color: #0074e4;
  color: #fff;
}

.wdk-booking-listing-calendar table td.bg-available a {
  cursor: pointer;
}