/* Styles definition here */
@media (max-width:768px){
	#fbuilder .pbreak.pb0{
		flex-direction: column!important;
	}
	.ahb_m2 #fbuilder td a{
		width:40px !important;
		height:40px !important;
		line-height: 30px !important;
	}
	#fbuilder .ui-datepicker select.ui-datepicker-month{
		min-width:50px!important;
	}
}
.ahb_m2 #fbuilder td a{
	width:50px;
	height:50px;
	line-height: 26px;
}
#fbuilder .slotsCalendar{
	display:block !important;
}
#fbuilder .ui-datepicker-inline { max-width:none !important; }
.pbSubmit { 
	font-size: 18px !important; 
	line-height: 28px !important; 
	border-radius: 6px !important; 
	border: 1px solid #c3a44a;
	text-decoration: none;
    background: none;
    transition-property: background, box-shadow, border, color, opacity, transform;
    transition-duration: 0.3s;
    -webkit-text-decoration-skip: objects;
}
.ahb_m2 #fbuilder .ui-datepicker-calendar td:first-child, .ahb_m2 #fbuilder .ui-datepicker-calendar td:last-child{
	/*padding:10px;*/
}
.pbSubmit:hover { background-color: #bb8f2c !important; color: white !important; }
#fbuilder .ui-datepicker-header { background:#f5f5f5 !important; color:#444 !important; text-shadow:none !important; }
.ahb_m2 #fbuilder .slots div a { border: 1px solid #c3a44a !important; }
.ahb_m2 #fbuilder .slots div.currentSelection.htmlUsed a { background: #99731d !important }
.ahb_m2 #fbuilder .slots div:not(.htmlUsed) a:hover { background: #bb8f2c !important; }
.ahb_m2 #fbuilder a.cancel:before {
	background: #ba9941 !important;
	margin-top: 0px !important;
	padding: 15px 10px !important;
    line-height: 0 !important;
    height: auto !important;
	font-size: 18px !important;
}
.ahb_m2 #fbuilder .ui-datepicker-title{
	line-height:45px!important;
}
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active{
    font-size: 20px !important;
	background: #ba9941;
}
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover{
    font-size: 20px !important;
	background: #e3d26f;
}
.ahb_m2 #fbuilder .ui-datepicker-calendar .ui-state-default {
    font-size: 18px !important;
	text-decoration: none;
    background: none;
    transition-property: background, box-shadow, border, color, opacity, transform;
    transition-duration: 0.3s;
    -webkit-text-decoration-skip: objects;
}

#fbuilder .ui-datepicker th{
	color: #000000;
	font-size: 1rem;
}

#fbuilder .ui-datepicker .ui-datepicker-prev, #fbuilder .ui-datepicker .ui-datepicker-next{
	width:24px !important;
	height:24px !important;
	margin:8px !important;
}

#fbuilder .ui-datepicker .ui-datepicker-prev{
	left: 6px !important;
    top: 3px !important;
}

#fbuilder .ui-datepicker .ui-datepicker-next{
	right: 6px !important;
    top: 3px !important;
}

#fbuilder .ui-datepicker select.ui-datepicker-month, #fbuilder .ui-datepicker select.ui-datepicker-year{
	height: 37px !important;
    margin: 4px 5px !important;
}

#fbuilder .ui-datepicker select.ui-datepicker-month{
	min-width: 200px;
}

#fbuilder .large{
	padding: 0px 20px;
}
#fbuilder .medium{
	padding: 0px 20px;
}

#fbuilder .pbreak.pb0{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 10px 20px;
}

.bflex1{
	flex: 1 !important;
}

.bflex100p {
	flex: 100% !important;
}

#fbuilder_1 .captcha{
	display:none !important;
}

#fbuilder textarea{
	padding: 10px 20px !important;
}