#events h3 {
  color: #003a62 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 4px 0 !important;
  line-height: 1.2 !important;
}

#events .selectedEvent {
  border-left: 4px solid #00c2c3 !important;
  background-color: #f2fafd !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
}




#events h3 {
	color: #003a62;
	font-size: 16px;
	font-weight: 600;
	margin: 4px 0;
	line-height: 1.2;
}

#events p.duration, 
#events div.duration {
	color: #5b7286;
	font-size: 13px;
	font-style: italic;
}

#events p.description, 
#events div.description {
	color: #5b7286;
	font-size: 14px;
	line-height: 1.4;
}

#events .selectedEvent {
	border-left: 4px solid #00c2c3;
	background-color: #f2fafd;
	padding: 10px 14px;
	border-radius: 6px;
}

#events input.reserve_time_btn {
	background-color: #00c2c3;
	color: white;
	border: none;
	padding: 12px 20px;
	font-weight: bold;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
#events input.reserve_time_btn:hover {
	background-color: #019e9f;
}

#events input.select_another_btn {
	background-color: #5b7286;
	color: white;
	border: none;
	padding: 10px 18px;
	border-radius: 6px;
	cursor: pointer;
}

#eventForm #start_date-block-container h3, 
#eventForm #timeline-container h3 {
	color: #003a62;
	font-size: 18px;
	margin-bottom: 10px;
}

#eventForm #save_button {
	background-color: #00c2c3;
	color: white;
	font-weight: bold;
	border: none;
	padding: 12px 20px;
	border-radius: 6px;
	cursor: pointer;
}
#eventForm #save_button:hover {
	background-color: #019e9f;
}

div.ui-widget-content {
	background-color: #f2fafd;
}

div.ui-widget-header {
	background-color: #003a62;
	color: white;
	font-weight: bold;
}

#timeline-container table.timeline {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.timeline td.not_worked_time {
	background-color: #e5e7eb;
}

.timeline td.free_time {
	background-color: #00c2c3;
	color: white;
	cursor: pointer;
}

.timeline td.selected_time {
	background-color: #003a62;
	color: white;
}

.timeline td.reserved_time {
	background-color: #cbd5db;
	color: #5b7286;
}

div#loading {
	background-color: #ffffff;
	color: #003a62;
	text-align: center;
	font-weight: bold;
}

#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
	color: #003a62;
	font-size: 14px;
}