.ahb_m4 #fbuilder .ui-datepicker table, .ahb_m4 #fbuilder .ui-datepicker thead, .ahb_m4 #fbuilder .ui-datepicker tr, .ahb_m4 #fbuilder .ui-datepicker th, .ahb_m4 #fbuilder .ui-datepicker td {border: 0px;}
.ahb_m4 #fbuilder .ui-datepicker{box-shadow:none;font:inherit}
.ahb_m4 #fbuilder .ui-datepicker-header{text-shadow:none;color:inherit}
.ahb_m4 #fbuilder .ui-datepicker-calendar .ui-state-default{background:none;box-shadow: none;}
.ahb_m4 #fbuilder .ui-datepicker-calendar .ui-state-active{box-shadow:none;text-shadow:none;color:#2271b3;border:0px solid}
.ahb_m4 #fbuilder .ui-datepicker thead{background:none}

.ahb_m4 #fbuilder .dfield.fapp{display: flex;flex-wrap: wrap;}
.ahb_m4 #fbuilder .fieldCalendarService,.ahb_m4 #fbuilder .usedSlots ,.ahb_m4 #fbuilder .usedSlots,.ahb_m4 #fbuilder .totalCost{width: 100%;}  
.ahb_m4 #fbuilder .fieldCalendar,#fbuilder .slotsCalendar{
    width: auto;
    display: inline-flex;
    flex: 1;
    
}
@media (max-width: 767px) {
 .ahb_m4 #fbuilder .dfield.fapp{display: block}
 .ahb_m4 #fbuilder .slots{margin:0px;padding:0px}

.ahb_m4 #fbuilder .ui-datepicker-header{padding:0px 3%}
}
.ahb_m4 #fbuilder .ui-datepicker-inline{max-width:calc(97%);}   
.ahb_m4 #fbuilder .slots{border:0px;box-shadow:none;}	

.ahb_m4 #fbuilder .ui-datepicker-next, .ahb_m4 #fbuilder .ui-datepicker-prev {display: inline-block;width: 15px;height: 15px;border:none;border-top: 2px solid #000;border-right: 2px solid #000;background:none !important;margin:10px 4px}
.ahb_m4 #fbuilder .ui-datepicker-next {transform: rotate(45deg);}
.ahb_m4 #fbuilder .ui-datepicker-prev {transform: rotate(-135deg);}
.ahb_m4 #fbuilder .ui-datepicker-next span, .ahb_m4 #fbuilder .ui-datepicker-prev span{background:none}

.ahb_m4 #fbuilder .dfield.fapp{display: block}
.ahb_m4 #fbuilder {text-shadow: none;}
.ahb_m4 #fbuilder .ui-datepicker table {border-collapse:collapse;}
.ahb_m4 #fbuilder .ui-datepicker-calendar td {
	text-align: center;
}

.ahb_m4 #fbuilder td a,.ahb_m4 #fbuilder td span
{
    vertical-align:middle !important;
	margin-top:2px; 
	text-shadow:none;
	font-weight: 300;
	color:#000;
}


.ahb_m4 #fbuilder .slots {
	text-align: center; padding: 20px 10px 10px;
}

.ahb_m4 #fbuilder .slots div {
	border-color:transparent; margin: 14px 4px 0;
}

.ahb_m4 #fbuilder .slots div a {
	width: 100%;  
	background: #f8f8f8; 
	color: #000;
	border:1px solid #66CCFF;
	text-decoration:none;
	padding:8px 12px;
}
.ahb_m4 #fbuilder .slots div:not(.htmlUsed)  a:hover {
	background:#66CCFF;
	color:#fff;
}
.ahb_m4 #fbuilder .slots div.htmlUsed a:hover {
	cursor:text;
}
.ahb_m4 #fbuilder .slots div.htmlUsed a{
	border:1px solid #ccc;
}
.ahb_m4 #fbuilder .slots div.htmlUsed {
border-color:transparent;
}

.ahb_m4 #fbuilder .slots div.currentSelection.htmlUsed a {
    color: #fff; background: #3995D0 !important;
}
.ahb_m4 #fbuilder .slots div.currentSelection a {
    color: #fff; background: #3995D0 !important;
}

@media (hover: none) {
.ahb_m4 #fbuilder .slots a:hover { background: #f8f8f8 !important;color: #000 !important; }
}
.ahb_m4 #fbuilder .ui-datepicker tbody td {border-right: 0px solid #fff;padding-right: 2px;}
.ahb_m4 #fbuilder .ui-datepicker table, .ahb_m4 #fbuilder .ui-datepicker td, .ahb_m4 #fbuilder .ui-datepicker th { border: 1px solid #fff;}		


.ahb_m4 #fbuilder .ui-datepicker-unselectable .ui-state-default {color:#AAAAAA;background:#f4f4f4}
.ahb_m4 #fbuilder .ui-datepicker-header{background:#fff;border-bottom:1px solid #ccc;font-weight:bold;font-size: 1.6rem;padding:10px 0px;line-height:40px}
.ahb_m4 #fbuilder .ui-datepicker th{background:#fff;font-weight:bold}
.ahb_m4 #fbuilder .ui-datepicker-inline{background:#fff;padding-bottom:6px}
.ahb_m4 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {color: #FFF; background: #66CCFF;}					
.ahb_m4 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#ddd}					
.ahb_m4 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active{background:#3995D0;color: #FFF;}

.ahb_m4 #fbuilder .usedSlots .ahb_list {border: 1px dashed #ccc; background-color:#f4f4f4;padding: 10px;margin:10px 10px 10px 0px;position: relative;}

.ahb_m4 #fbuilder a.cancel {visibility:hidden;padding: 0 14px 2px 12px;color: #FFA500;border-radius: 999em;float:right;}
.ahb_m4 #fbuilder a.cancel:before {display: inline-block;content: "X";color: #fff;background: #777;border-radius: 999em;visibility: visible;position: absolute;padding: 0px 10px;font-weight: 500;font-size: 12px;right:10px;}