.main .container {
	background: #ffffff;
}
header .container *,
header .container a:hover,
footer .container *,
div.ui-widget-header,
#widget_header,
#widget_footer,
#widget_menu a, 
#widget_menu a:hover,
#widget_header div.company-time span,
#widget_header div.company-time a,
#widget_header .title a {
	color: #ffffff;
}

body {
	background: #CFECB8;
}
header .container,
#widget_header,
#widget_footer {
	background: #9E5F9E;
}
.theme-base-color {
	color: #9E5F9E;
}
.theme-base-color-background {
	background: #9E5F9E;
}
footer .container,
.logo-container .company-time,
div.ui-widget-header, 
.news-page > h2,
.about-page > h2,
#widget_menu,
#widget_header div.company-time {
	background: #CFA1CF;
}
a,
.news-details-page .caption a,
#booking-message-div #success_button,
#success-button,
#companies h3.ui-state-active a {
	color: #9E5F9E;
}
a:hover,
.news-details-page .caption a:hover,
#booking-message-div #success_button:hover,
#success-button {
	color: #CFA1CF;
}
@media (max-width: 480px){
	#timeline.bootstrap #step_info_container .step-header {
		border-bottom: 1px solid #9E5F9E;
	}
	#timeline.bootstrap #step_info_container .step-header .step-title .step-number {
		border: 1px solid #9E5F9E;
	}	
}
#timeline.bootstrap #step_info_container .step-header.checked .step-title .step-number,
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div:hover,
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div.selected,
#timeline.bootstrap #time_select .time-select-item:hover,
#timeline.bootstrap .ui-state-hover,
#timeline.bootstrap .ui-state-focus,  
#timeline.bootstrap .ui-widget-header .ui-state-hover,
#timeline.bootstrap .ui-widget-header .ui-state-focus,
#timeline.bootstrap .ui-widget-content .ui-state-hover,
#timeline.bootstrap .ui-widget-content .ui-state-focus,
#timeline.bootstrap #date_start .ui-datepicker .ui-state-active,
#timeline.bootstrap #submit_button,
#timeline.bootstrap #pay_btn,
#timeline.bootstrap .book-another-button,
#timeline.bootstrap .book-another-button .glyphicon,
#timeline.bootstrap .button,
#timeline.bootstrap .reserve_time_btn,
.about-page .button-container #save_button.btn.btn-success,
.feedback_add .btn-success,
.feedback-form #Submit,
.video-conversation-page #save_button,
.recurring-events-page .save_reccuring_button #submit,
div.date_time_container.week.startmatrix .time-select-week-container table td .time-select-div:hover,
div.date_time_container.week.startmatrix .time-select-week-container table td .time-select-div.selected,
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div:hover,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div:hover,
#widget_content #loading,
#timeline.bootstrap.daily.flexible #time_select .timeline-grid .hour-row .time-items .time-item div.time-select-div:hover,
#timeline.bootstrap.daily.flexible #time_select .timeline-grid .hour-row .time-items .time-item div.time-select-div.selected,
.iphone-favorites-button a  {
	background: #85c353;
	color: #ffffff;
}
#timeline.bootstrap .button:hover,
#timeline.bootstrap #pay_btn:hover,
#timeline.bootstrap .reserve_time_btn:hover,
#timeline.bootstrap #submit_button:hover, 
#timeline.bootstrap .book-another-button:hover,
#timeline.bootstrap .book-another-button:hover .glyphicon,
.about-page .button-container #save_button.btn.btn-success:hover,
.feedback_add .btn-success:hover,
.feedback-form #Submit:hover,
.video-conversation-page #save_button:hover,
.recurring-events-page  .save_reccuring_button #submit:hover,
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.selected,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.selected  {
	background: #578D2A;
}	
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.selected,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.selected
.powered_by a  {
	color: #ffffff;
}
#timeline.bootstrap #step_info_container .step-header.checked .step-title .step-number,
#timeline.bootstrap #date_start .ui-datepicker .ui-state-active,
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div.selected,
#timeline.bootstrap #date_start .ui-datepicker .ui-state-highlight,
#timeline.bootstrap #submit_button,
.video-conversation-page #save_button,
#timeline.bootstrap.daily.flexible #time_select .timeline-grid .hour-row .time-items .time-item div.time-select-div:hover,
#timeline.bootstrap.daily.flexible #time_select .timeline-grid .hour-row .time-items .time-item div.time-select-div.selected  {
	border: 1px solid #85c353;
}
#widget_container {
	border: 2px solid #9E5F9E;
}
#widget_menu {
	border-bottom: 1px solid #9E5F9E;
}

/* color rules - Joy theme timeline=classes */

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

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

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

div#timeline.classes #time-select-classes .grid-classes .grid-col .slot-performer .slot-title:hover {
  background-color: #CFECB8;
}

div.time-step .time-zone-node .time-select-item.available:hover {
  background-color: #578D2A;
  color: #ffffff;  
}

div.time-step .time-zone-node .time-select-item.available {
  background-color: #85c353;
  color: #ffffff;  
}

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

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

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

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

/* end of timeline=classes */