/* color rules - Directory */

div#timeline.classes #time-select-classes .header-classes .group-booking-classes .gb-slider .ui-slider-range {
  background: #dddddd;
}

div#timeline.classes #time-select-classes .header-classes .month-switcher .date-select span.active {
  background: #0581b5;
  color: #ffffff;
}

div#timeline.classes #time-select-classes .header-classes .month-switcher .date-select span.day-off {
  color: #cccccc; 
}

div#timeline.classes #time-select-classes .grid-classes .grid-col .slot-performer .slot-title {
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}

div#timeline.classes #time-select-classes .grid-classes .grid-col .slot-performer .slot-title:hover {
  background-color: #999999;
  border: 1px solid #646464;
  color: #ffffff;
  -webkit-transition: background-color 100ms linear;
  -moz-transition: background-color 100ms linear;
  -o-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}

div.time-step .time-zone-node .time-select-item.available:hover {
  background-color: #39b3d7; 
  color: #ffffff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

div.time-step .time-zone-node .time-select-item.available {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  color: #ffffff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

div#timeline.classes #time-select-classes .grid-classes .day-off-mess {
  color: #5a5a5a;
}

div#timeline.classes #time-select-classes .grid-classes .grid-rows .time-now-line {
  border-bottom: 1px solid #0581b5;
}

div.event-step .service-list .service-item:hover {
  border-bottom: 5px solid #5bc0de;
}

div.time-step .legend-node .probe-available:before,
div.time-step .legend-node .probe-not-available:before {
  background-color: #5bc0de;
  border: 1px solid #f2f2f2;
}
div.time-step .legend-node .probe-not-available:before {
  background-color: #f6f6f6;
}
div.time-step .legend-node .probe-mess {
  color: #bd3535;
}

/* change colors for price-tag.png */

div.event-step .service-list .service-item .event-price {
  background-image: url('/common/images/price-tag.png');
  color: #ffffff;
}

div.time-step .service-info-block .event-price {
  background-image: url('/common/images/price-tag.png');
  color: #ffffff;
}