/* --- MIXIN --- */
#planner .toggle-cal {
  color: #29ABE2;
  border-bottom: 1px dotted currentColor;
  cursor: pointer;
  font-size: 1rem; }
  #planner .toggle-cal:hover {
    color: #00968c; }

#calendar table {
  background-color: #FAFAFA;
  margin-bottom: 1em;
  font-size: 0.9rem;
  width: 11.9rem;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: top;
  min-height: 13rem; }
  @media (max-width: 40rem) {
    #calendar table {
      width: 91vw; } }
  #calendar table.hidden {
    display: none; }
#calendar.large table.hidden {
  display: inline-block; }
#calendar td, #calendar th {
  text-align: center;
  padding: 0;
  border: none;
  width: 1.7rem;
  height: 1.2rem; }
  @media (max-width: 40rem) {
    #calendar td, #calendar th {
      height: 2rem;
      width: 13vw; } }
#calendar thead {
  font-size: 80%; }
#calendar .month-title {
  font-weight: 700;
  font-size: 120%; }
#calendar tr, #calendar tr:hover {
  border-width: 0; }
#calendar td {
  font-weight: 400; }
  @media (max-width: 40rem) {
    #calendar td {
      font-size: 1.2rem; } }
  #calendar td.weekday {
    color: #29ABE2;
    text-decoration: underline;
    font-weight: 400; }
    #calendar td.weekday:hover {
      background-color: #eee;
      cursor: pointer; }
  #calendar td.booked {
    color: #ccc;
    text-decoration: line-through;
    text-decoration-color: #ccc; }
  #calendar td.weekend {
    color: #555;
    font-weight: 200; }
  #calendar td.history {
    color: #ccc !important;
    text-decoration: none; }
  #calendar td.today {
    color: #e0a277;
    font-weight: bolder; }
  #calendar td.selected {
    outline: 2px solid #00968c; }

/*# sourceMappingURL=calendar.css.map */