/* Styles definition here */

.ahbfield_service { 
	display: none;
}

label[for=fieldname1_1] {
	display: none !important;
}

#fbuilder #fieldlist_1 {
	max-width: 1000px;
	margin: auto;
}

#fbuilder .ui-datepicker-inline { 
	max-width: clamp(320px, 80%, 800px) !important;
    margin: auto;
}

#fbuilder .ui-datepicker-title {
	font-weight: bold;
	background-color: #64638f;
	color: #fff;
}

#fbuilder .ui-datepicker-next, 
#fbuilder .ui-datepicker-prev {
	border-color: #fff !important;
}

#fbuilder .ui-datepicker-header .ui-state-disabled {
	display: none;
}

#fbuilder .ui-datepicker-calendar thead th span {
	font-weight: bold;
}

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {
	background-color: #64638f !important;
}

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {
	background-color: #64638f !important;
	font-weight: bold;
}

#fbuilder .slotsCalendar {
	display: flex;
}

#fbuilder .slotsCalendar .slots span {
	font-weight: bold;
}

#fbuilder .slots div a {
	border-color: #64638f !important;
}

#fbuilder .slots div:not(.htmlUsed) a:hover {
	background-color: #64638f !important;
}

#fbuilder a.cancel {
	background: #64638f !important;
	color: #64638f !important;
}

#fbuilder a.cancel:before {
	background: #64638f !important;
	margin-top: 0 !important;
}

#fbuilder .fields {
	padding: 0 5px;
	margin-bottom: 15px;
}

#fbuilder .medium {
	height: 36px;
	font-size: 18px;
	width: 100% !important;
}

#fbuilder #field_1-1,
#fbuilder #field_1-2 {
	width: 50%;
	padding: 0 5px;
	float: left;
}

#fbuilder button.pbSubmit {
	background: #64638f;
	border: none;
	color: #fff;
	outline: none;
	box-shadow: none;
	padding: 1rem 3rem;
	font-size: 20px;
	margin: auto;
	display: block;
}