/* color rules - Clean Slide Blue */

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

div#timeline.classes #time-select-classes .header-classes .month-switcher .date-select span.active {
  background: #4293e5;
  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 {
  background-color: #efefef;
  border: 1px solid #e5e5e5;
  color: #666666;
  border-radius: 5px;
  display: table;
  -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: #f5f5f5;
  border: 1px solid #cccccc;
  color: #4293e5;
  -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: #a7e762;
  border: 1px solid #cccccc;
  color: #2b2b2b;
  -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: #e0e0e0;
  border: 1px solid #d0d0d0;
  color: #2b2b2b;
  cursor: pointer;
  -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: #4293e5;   
}

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

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

div.time-step .legend-node .probe-available:before,
div.time-step .legend-node .probe-not-available:before {
  background-color: #e0e0e0;
  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;
}

div#timeline.classes #time-select-classes .header-classes .date-switcher .left-arrow {
  width: 18%;
}

div#timeline.classes #time-select-classes .header-classes .date-switcher .right-arrow {
	width: 16%;
}

div#timeline.classes #time-select-classes .header-classes .date-switcher .date-title {
  width: 66%;
}

/* 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;  
}