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

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

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

.ahb_m5 #fbuilder .ui-datepicker-next, .ahb_m5 #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_m5 #fbuilder .ui-datepicker-next {transform: rotate(45deg);}
.ahb_m5 #fbuilder .ui-datepicker-prev {transform: rotate(-135deg);}
.ahb_m5 #fbuilder .ui-datepicker-next span, .ahb_m5 #fbuilder .ui-datepicker-prev span{background:none}

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

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


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

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

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

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

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


.ahb_m5 #fbuilder .ui-datepicker-unselectable .ui-state-default {color:#AAAAAA;background:#f4f4f4}
.ahb_m5 #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_m5 #fbuilder .ui-datepicker th{background:#fff;font-weight:bold}
.ahb_m5 #fbuilder .ui-datepicker-inline{background:#fff;padding-bottom:6px}
.ahb_m5 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover {color: #FFF; background: #66CCFF;}					
.ahb_m5 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#ddd}					
.ahb_m5 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active{background:#3995D0;color: #FFF;}

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

.ahb_m5 #fbuilder a.cancel {visibility:hidden;padding: 0 14px 2px 12px;color: #FFA500;border-radius: 999em;float:right;}
.ahb_m5 #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;}


/* --- Form Fields (Inputs & Selects) --- */
.ahb_m5 #fbuilder input[type="text"],
.ahb_m5 #fbuilder input[type="email"],
.ahb_m5 #fbuilder textarea,
.ahb_m5 #fbuilder select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fdfdfd;
    font-size: 15px;
    margin-bottom: 15px;
    box-sizing: border-box; /* Ensures padding doesn't break width */
    transition: border-color 0.2s ease;
}

.ahb_m5 #fbuilder input:not(.pbSubmit):focus,
.ahb_m5 #fbuilder select:focus,
.ahb_m5 #fbuilder textarea:focus {
    border-color: #0073aa; /* Focus color */
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

/* Labels */
.ahb_m5 #fbuilder label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #444;
}

/* --- Submit Button --- */
.ahb_m5 #fbuilder .pbSubmit {
    background-color: #0073aa; /* Primary Button Color */
    color: #ffffff !important;
    border: none;
    padding: 14px 30px !important;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px; /* Pill shape */
    cursor: pointer;
    width: 100%; /* Full width button */
    margin-top: 10px;
    transition: background 0.3s ease, transform 0.1s ease;
}

.ahb_m5 #fbuilder .pbSubmit:hover {
    background-color: #005177;
    transform: translateY(-1px);
}