/* Styles definition here *//* Styles definition here */

/* old style*/

/* Styles definition here *//* Styles definition here */




#field_1-0  p {
	color: #000;
}

#field_1-0  li {
	color: #000;
}




/* new style*/


.fields, .fields a  {
	color: #024C3E;
	font-family: "Roboto",Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: none;
}

span.ui-datepicker-month , span.ui-datepicker-year  {
	color: white;
	font-family: "Roboto",Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	text-decoration: none;
	background-color: #024C3E;
}

.ui-datepicker-title
  {
	background-color: #024C3E;
}

.pbSubmit {
	background-color:  #024C3E !important;	
	transition: all 0.5s ease-out;	
	padding: 15px 25px !important;
	border-radius: 10px;
	font-weight: 600;
	color: white !important;
}

.pbSubmit:hover {
	background-color: white !important;		
	color: #0F4D71 !important;
}

.slots {
	box-shadow: none !important;
	border: #024C3E solid 1px !important;
	border-radius: 10px;
	margin: 20px 0;
}

.availableslot {
	border: none !important;
}
.availableslot a{
	background-color:  #024C3E !important;	
	transition: all 0.5s ease-out;	
	padding: 5px 15px !important;
	border-radius: 10px;
	color: white !important;	
}

.fieldCalendar {
	box-shadow: none !important;
}

#fbuilder .ui-datepicker-inline, .slotsCalendar, .dfield { 
	max-width:580px !important;	
}

#field_1-3 > div.dfield.fapp > div.slotsCalendar.slotsCalendarfieldname22_1 > div > div.availableslot.currentSelection > a {
	background-color: white !important; 
	color: #0F4D71 !important;
}

 a.ui-datepicker-prev.ui-corner-all > span, a.ui-datepicker-next.ui-corner-all > span, a.ui-datepicker-next.ui-corner-all.ui-state-disabled > span, a.ui-datepicker-prev.ui-corner-all.ui-state-disabled > span {
	display: none !important;
}