.available {
  color: #606060;
}
@media (max-width: 960px) {
  .value {
    font-size: 0.8em;
    padding: 1px 4px;
    border-radius: 6px;
  }
  .value-blue-lighten-1 {
    background: #42A5F5;
    color: white;
  }
  .value-green-lighten-1 {
    background: #66BB6A;
    color: white;
  }
}

.day-line>td, .day-line>th {
  border-top: solid 1px rgba(0, 0, 0, 0.25);
}
.holiday>td, .holiday>th {
  background: #CCC;
}
.dateselector {
  border-radius: 15px;
  font-size:1.3em;
  padding: 2px 10px;
  cursor: pointer;
}
.dateselector.active {
  background:#F0F0F0;
}
@media print {
  .container {
    padding: 0px;
    margin-top:-80px;
  }
  .week-table th, .week-table td{
    height: 20px !important;
    font-size:12px !important;
    border: solid 1px rgba(0, 0, 0, 0.12);
    padding: 2px !important;
  }
  .week-table th.header, .week-table td.header {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1em;
  }
  .week-table th.date-title {
    width:15%;
    min-width:290px;
  }
  .week-table th.date-header {
    background-color: #FFF;
    min-width:130px;
  }
  .week-table th.time-header {
    border-right: solid 1px rgba(0, 0, 0, 0.12);
    background-color: #FFF;
    min-width:160px;
  }
}
@media not print {
  @media (max-width: 960px) {
    .dateselector {
      font-size: 1.1em;
    }
    .slot-content {
      font-size: 0.85em;
    }
    .week-table th, .week-table td{
      height: 28px !important;
      padding: 0px 2px !important;
    }
    .week-table th.header, .week-table td.header {
      color: rgba(0, 0, 0, 0.6);
      font-size: 0.7em !important;
    }
    .date-title {
      width:15%;
      max-width:60px;
    }
    .date-header {
      background-color: #EEE;
      max-width:20px;
      padding: 5px;
    }
    .time-header {
      border-right: solid 1px rgba(0, 0, 0, 0.12);
      background-color: #EEE;
      max-width:40px;
      padding: 5px;
    }
  }
  @media (min-width: 960px)  {
    .week-table th, .week-table td{
      height: 35px !important;
      padding: 0px 2px !important;
    }
    .week-table th.header, .week-table td.header {
      color: rgba(0, 0, 0, 0.6);
      font-size: 1em !important;
    }
    .week-table th.date-title {
      width:15%;
      min-width:290px;
    }
    .week-table th.date-header {
      background-color: #EEE;
      min-width:130px;
    }
    .week-table th.time-header {
      border-right: solid 1px rgba(0, 0, 0, 0.12);
      background-color: #EEE;
      min-width:160px;
    }
  }
}