/* Styles definition here */
/* Hide certain slots */
#fbuilder .onlytime .sbfieldCalendar,
#fbuilder .slots .hide { 
	display:none !important; 
}
/* Capacity visible */
.ts_slot_availability {
	display: block !important;
	color:#212529;
	font-size:0.8em;
}
/* Styles */
#fbuilder {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #fff;
  padding: 20px;
  border: 1px solid #e4e4e4;
  border-radius:4px;
  margin-top: 50px;
  margin-bottom: 20px;
}
#ffbuilder .fform {
	margin-bottom:20px;
	overflow-wrap:break-word;
}
#fbuilder .fform h1 {
	margin-bottom:15px;
	font-size:2rem;
}
#fbuilder .dfield {
	margin-bottom:10px;
}
#fbuilder select,
#fbuilder .dfield input { 
	background:#fff;
	padding:10px !important;
	border:1px solid #e4e4e4;
	border-radius:4px;
}
#fbuilder select {
	border-color:#d0b763;
}
#fbuilder .fslots {
	background:#F9F5E9;
}
#fbuilder .slots div {
	border-color:#d0b763;
	width:23%;
}
#fbuilder .slots div a {
	background:#ffffff;
	padding:10px;
	width:100%;
	text-align:center;
}
#fbuilder .slots div a:hover,
#fbuilder .slots div.currentSelection a {
	background:#d0b763;
	color:#ffffff;
	text-decoration:none;
}
#fbuilder .usedSlots {
	padding:0 15px 10px;
}
#fbuilder .totalCost {
	text-align:right;
	font-weight:500;
	font-size:1.2em;
}
#fbuilder .totalCost span:first-child {
	font-size:0;
}
#fbuilder button.pbSubmit {
	background:#d0b763;
	color:#fff;
	text-transform:uppercase;
	border:none;
	font-size:13px;
	padding:12px 52px;
	border-radius:4px;
}
#fbuilder button.pbSubmit:hover {
	background:#302e2f;
}
.cp_cff_clean #fbuilder .captcha {
	background:none;
}

/* CURSUS FORM STYLES */
#fieldlist_1 {
	position:relative;
}
.cursus .fslots {
	padding-bottom: 120px;
}
#fbuilder .cursus .slots span:first-child {
	display:none;
}
#fbuilder .cursus .ts_slot_availability span:first-child {
	display:inline;
}
.cursus .totalCost {
	position:absolute;
	right:10px;
	bottom:10px;
}
.cursusboek {
  position: absolute;
  margin-top: -140px;
  left: 15px;
}

/* SMALLER SCREEN STYLES */
@media (max-width: 767px) {
	.sb_m #fbuilder .slots{ padding:5px;}
	.sb_m #fbuilder .dfield.fslots { display:block; }
	#fbuilder .slots div { width:45%; text-align:center; }
	#fbuilder .slotsCalendar { width:100%;}
}