.schedule-rows td {
  width: 80px;
  height: 30px;
  margin: 3px;
  padding: 5px;
  background-color: #eee;
  cursor: pointer;
}
.schedule-rows td:first-child {
  background-color: transparent;
  text-align: right;
  position: relative;
  top: -12px;
}
.schedule-rows td[data-selected],
.schedule-rows td[data-selecting] {
  background-color: #6a0bc1;
}
/*
.schedule-rows td:after {
  content: "UNAVAIBLE";
  color : #6a0bc1;
}
.schedule-rows td[data-selected]:after
{
  content: "AVAIBLE";
  color : #eee;
}
*/
.schedule-rows td[data-disabled] {
  opacity: 0.55;
}