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

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

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

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



.ahb_m3 #fbuilder .dfield.fapp{display: block}
.ahb_m3 #fbuilder {text-shadow: none;}
.ahb_m3 #fbuilder .ui-datepicker table, .ahb_m3 #fbuilder .ui-datepicker thead, .ahb_m3 #fbuilder .ui-datepicker tr, .ahb_m3 #fbuilder .ui-datepicker th, .ahb_m3 #fbuilder .ui-datepicker td {border: 0px;}
.ahb_m3 #fbuilder .ui-datepicker table {
	border-collapse:collapse;
}
.ahb_m3 #fbuilder .ui-datepicker-calendar td {
	text-align: center;
}
.ahb_m3 #fbuilder .ui-datepicker-header { 
	font-size: 1.6rem;
    background: #D4D4D4;
    font-weight: 300;
    line-height: 70px;
}
.ahb_m3 #fbuilder .ui-datepicker th {
	background: #eaeaea; font-weight: 300;
	line-height: 40px;
}
.ahb_m3 #fbuilder td a,.ahb_m3 #fbuilder td span
{
    border-radius: 20%;
    max-width: 100px !important;
    max-height: 80px !important;
    width: 90%;
    padding-top: min(12px, 10%) !important;
    padding-bottom: min(75px, 90%) !important;
    vertical-align: middle !important;
    margin-top: 6px;
    text-shadow: none;
    font-weight: 300;
    color: #000;
}

.ahb_m3 #fbuilder .ui-datepicker-unselectable .ui-state-default {color: #8b898a;
    font-size: 22px;
    background: #f7f7f7;
    border: 2px solid #ebebeb; width: 90%;}
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {color: #FFF; background: #66CCFF;}
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {color: #FFF;background: #3995D0;}

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

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

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

.ahb_m3 #fbuilder .slots div.currentSelection.htmlUsed a {
    color: #fff; background: #3995D0 !important;
}
.ahb_m3 #fbuilder .slots div.currentSelection a {
    color: #fff; background: #222 !important;
}
.ahb_m3 #fbuilder .usedSlots .ahb_list{
margin-top:5px;
}
.ahb_m3 #fbuilder a.cancel {
    visibility:hidden;
    padding: 0 14px 2px 12px;
    color: #FFA500;
    background: #FFA500;
    border-radius: 999em;
    position:relative;
}
.ahb_m3 #fbuilder a.cancel:before {
    display: inline-block;
    content: "X";
    color: #fff;
    background: #FFA500;
    border-radius: 999em;
    visibility: visible;
    position: absolute;
    padding: 0px 10px;    
    font-weight: 500;
    margin-top: 5px;
    font-size: 12px;
}
@media (hover: none) {
.ahb_m3 #fbuilder .slots a:hover { background: #f8f8f8 !important;color: #000 !important; }
}

.ahb_m3 #fbuilder .ui-datepicker-header{background:#fff}
.ahb_m3 #fbuilder .ui-datepicker th{background:#fff; border-bottom: 2px solid #ebebeb;}
.ahb_m3 #fbuilder .ui-datepicker-inline{background:#fff;padding-bottom:6px;}
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {color: #FFF; background: #66CCFF;}					
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#ddd; color: #8b898a;
    font-size: 22px;
    border: 2px solid #ebebeb;}					
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active{background:#3995D0;}

#fbuilder .ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 48px;
    line-height: 65px !important;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
    box-shadow: none;
    border: 0px;
}					

@media only screen and (max-width:767px){
	.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default {
    font-size: 16px;
    border: 2px solid #ebebeb;
}
.ahb_m3 #fbuilder .ui-datepicker-unselectable .ui-state-default {
    font-size: 16px;
	font-weight: bold;
}
#fbuilder .ui-datepicker td span, .ui-datepicker td a {
    height: 48px;
    line-height: 43px !important;
	width: 90% !important;
}
.ahb_m3 #fbuilder td a, .ahb_m3 #fbuilder td span{
    padding-bottom: min(75px, 75%) !important;
}
}

@media only screen and (max-width:667.5px){
#fbuilder .ui-datepicker td span, .ui-datepicker td a {
    height: 48px;
    line-height: 48px !important;
    width: 90% !important;
}
}
@media only screen and (max-width:414px){
#fbuilder .ui-datepicker td span, .ui-datepicker td a {
    height: 48px;
    line-height: 28px !important;
    width: 90% !important;
}
}