/* Styles definition here */


#fbuilder {width:140%}

#fbuilder .fform {padding:0;}

#fbuilder .ui-datepicker {min-width:200px;max-width:200px;}
#fbuilder .ui-datepicker-header {width:200px;}
#fbuilder .ui-datepicker-calendar {width:200px;}

#fbuilder .ui-datepicker-calendar .ts_booked0 .ui-state-default {background: #e60449; color: #FFFFFF; font-size:1.7em;}
#fbuilder .ui-datepicker-calendar .ts_booked0 .ui-state-hover {background: #000000; color: #FFFFFF; font-size:2.0em;}
#fbuilder .ui-datepicker-calendar .ts_booked0 .ui-state-active {background: #000000; color: #FFFFFF; font-size:2.0em;}

#fbuilder .ui-datepicker-calendar .ui-state-disabled {background: grey; color: #FFFFFF; font-size:0em;}
#fbuilder .ui-datepicker-calendar .ui-state-default {background: grey; color: #FFFFFF; font-size:0em;}

#fbuilder .slotsCalendar {margin-bottom:10px;}
#fbuilder .totalCost .n {font-size:1.5em;font-weight:700;margin-bottom:25px;}
#fbuilder .slots {margin-bottom:15px;}
#fbuilder .totalCost {margin-bottom:20px;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea {
    padding: 0.8em;
}

@media (min-width:320px) {
	.field, .sbquantity {
  max-width: 70%;
	padding-left: 0.8em;
    padding-right: 0;
}


#fbuilder .large {
    width: 280px !important;
    padding-left: 0.8em;
    padding-right: 0;
	border-color: #000000;
}
#fbuilder .medium {
    width: 280px !important;
    padding-left: 0.8em;
    padding-right: 0;
}
	#fbuilder .sbquantity {
    width: 280px !important;
    padding-left: 0.8em;
    padding-right: 0;
	margin-bottom: 10px;
	border-color: #000000;
}

#fbuilder .ts_slot_availability{display: block !important; font-size:0.8em; color:#000000;}

#fbuilder .slots {width:100%;font-weight:600;}
#fbuilder .left_aligned .slots {margin-left: -35%;}

	
#fbuilder .hdcaptcha_cp_tslotsbooking_post {border-color:#000000;}

#fbuilder .pbSubmit {
    background: #e60449;
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    margin: 10px 10px 0px 0px;
	font-size: 14pt;
	font-weight: 700;
    padding: 12px 20px 12px 20px;
	border-radius: 8px;
	margin-left: 21%!important;
}


#fbuilder .left_aligned .fields label {
    float: left;
    width: 22%;
}
	#fbuilder .left_aligned .captcha {
    margin-left: 22%;
}

	
	
#fbuilder .pbreak.pb0 {
		margin-bottom:35px;
	}
	
	
	
	.wpts_links_custom {
		 font-weight: bold;
	}
	
.activelink, .activelink:visited {
  background-color: #e60449;
  color: #ffffff;
  font-weight: bold;
  padding: 6px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

#fbuilder .custom .ui-datepicker{ display:none!important;}
	
	
.prods {
		font-size: 0.8em;
	}

	

.greyed-out {
  opacity: 0.5; /* Make the element appear faded */
  pointer-events: none; /* Disable interactions */
  color: #000; /* Set the text color to grey */
  background-color: #f0f0f0; /* Optional: Set a grey background */
  margin-bottom:5px;
  border-color: #000;
}

	.terms {
  text-align: center;
  font-weight: bold;
  font-size: 14pt;
  margin-top: 20px;
  margin-bottom: 20px;
	}