/*
AVA = #5dbdcb
UNA = #CB5D5D
SEL = #5dcb92
SB = #
*/
#availability-container {
  text-align: center;
  user-select: none;
}

#availability-container .calendar {
  display: inline-block;
  width: 50%;
  min-width: 325px;
  min-height: 60px;
  font-size: 1.2rem;
  vertical-align: top;
}

#availability-container.horizontal .calendar {
  width: auto;
}

#availability-container .calendar table.cal {
  table-layout: fixed;
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
  overflow: hidden;
  border-collapse: separate;
}

#availability-container .calendar table.cal th {
  color: #5dbdcb;
}

#availability-container .calendar table.cal th.month {
  font-family: DearJoe, DearJoe-fallback-font;
  text-align: center;
  padding: 12px 0 10px;
  margin: 0;
  font-size: 3rem;
  font-weight: normal;
  background: url(/assets/img/black-dotted-line.png) bottom center no-repeat;
}

#availability-container .calendar table.cal th,
#availability-container .calendar table.cal td {
  text-align: center;
  line-height: 44px;
}
#availability-container .calendar table.cal td {
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid white;
  background-image: url("/assets/img/availability-sprite2.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#availability-container .calendar table.cal td.adj {
  color: #d6d7d8;
  background-color: white;
}
#availability-container .calendar table.cal td.a-una {
  background-color: #cb5d5d;
  color: #fff;
}
#availability-container .calendar table.cal td.active {
  background-color: #5dbdcb;
  color: #fff;
}
#availability-container .calendar table.cal td.past-date {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}

/*#availability-container .calendar table.cal td.active.shortbreak{background-color:#BAE4F4;}*/
#availability-container .calendar table.cal td.active.shortbreak {
  background-color: #a2ecf7;
}

#availability-container .calendar table.cal td.changeover {
  background-position: -149px -2px;
  cursor: pointer;
}

#availability-container .calendar table.cal td.a-hvr,
#availability-container .calendar table.cal td.a-sel {
  background-color: #5dcb92 !important;
  background-position: 0 0 !important;
}
#availability-container .calendar table.cal td.changeover.a-hvr,
#availability-container .calendar table.cal td.changeover.a-sel {
  background-position: -149px -2px !important;
}

#availability-container .calendar table.cal td.shortbreak.any-sbava {
  background-color: #5dbdcb;
  background-position: -50px -3px;
}

/*#availability-container .calendar table.cal td.sbava-any{background-color:#5dbdcb; background-position:-70px -2px;}*/
#availability-container .calendar table.cal td.sbava-any {
  background-color: #5dbdcb;
  background-position: -101px -2px;
}

#availability-container .calendar table.cal td.shortbreak.any-sbava.a-ava-hvr,
#availability-container .calendar table.cal td.shortbreak.any-sbava.a-ava-sel {
  background-color: #5dbdcb;
  background-position: -48px -54px;
}
#availability-container .calendar table.cal td.shortbreak.any-sbava.a-hvr-ava,
#availability-container .calendar table.cal td.shortbreak.any-sbava.a-sel-ava {
  background-color: #5dbdcb;
  background-position: -99px -52px;
}
#availability-container .calendar table.cal td.shortbreak.any-sbava.a-ava-una {
  background-color: #cb5d5d;
  background-position: -2px -100px;
}

#availability-container .calendar table.cal td.sbava-any.a-hvr-ava,

/*#availability-container .calendar table.cal td.sbava-any.a-sel-ava{background-color:#5dbdcb;background-position:-2px -36px;}*/
#availability-container .calendar table.cal td.sbava-any.a-sel-ava {
  background-color: #5dbdcb;
  background-position: -3px -50px;
}

#availability-container .calendar table.cal td.sbava-any.a-ava-hvr,
/*#availability-container .calendar table.cal td.sbava-any.a-ava-sel{background-color:#5dbdcb;background-position:-104px -36px;}*/
#availability-container .calendar table.cal td.sbava-any.a-ava-sel {
  background-color: #5dbdcb;
  background-position: -150px -50px;
}

#availability-container .calendar table.cal td.sbava-any.a-ava-una {
  background-color: #cb5d5d;
  background-position: -100px -100px;
}

#availability-container .calendar table.cal td.a-ava-una {
  background-color: #cb5d5d;
  background-position: -2px -100px;
}
#availability-container .calendar table.cal td.a-una-ava {
  background-color: #cb5d5d;
  background-position: -149px -100px;
}
#availability-container .calendar table.cal td.a-hvr-una,
#availability-container .calendar table.cal td.a-sel-una {
  background-color: #cb5d5d;
  background-position: -51px -149px !important;
}
#availability-container .calendar table.cal td.a-una-hvr,
#availability-container .calendar table.cal td.a-una-sel {
  background-color: #cb5d5d !important;
  background-position: -2px -149px !important;
}

#availability-container .calendar table.cal td.a-ava-hvr,
#availability-container .calendar table.cal td.a-ava-sel {
  background-color: #5dcb92;
  background-position: -52px -50px;
}

#availability-container .calendar table.cal td.a-hvr-ava,
#availability-container .calendar table.cal td.a-sel-ava {
  background-color: #5dcb92;
  background-position: -2px -51px;
}

/*#availability-container .calendar table.cal td.shortbreak.a-ava-una{background-color:#CB5D5D;background-position:-70px -70px;}*/
#availability-container .calendar table.cal td.shortbreak.a-ava-una {
  background-color: #cb5d5d;
  background-position: -100px -100px;
}
/*#availability-container .calendar table.cal td.shortbreak.a-una-ava{background-color:#CB5D5D;background-position:-36px -70px;}*/
#availability-container .calendar table.cal td.shortbreak.a-una-ava {
  background-color: #cb5d5d;
  background-position: -51px -100px;
}
#availability-container
  .calendar
  table.cal
  td.active.a-ava.shortbreak.any-sbava.changeover {
  background-color: #5dbdcb;
  background-position: -51px -2px;
}

#availability-container .calendar table.cal td.shortbreak.a-ava-hvr,
#availability-container .calendar table.cal td.shortbreak.a-ava-sel {
  background-color: #5dcb92;
  background-position: -100px -2px;
}

/*#availability-container .calendar table.cal td.shortbreak.a-hvr-ava, #availability-container .calendar table.cal td.shortbreak.a-sel-ava{background-color:#5dcb92;background-position: -70px -36px;}*/
#availability-container .calendar table.cal td.shortbreak.a-hvr-ava,
*#availability-container .calendar table.cal td.shortbreak.a-sel-ava {
  background-color: #5dcb92;
  background-position: -100px -50px;
}