#fbuilder select {
    border: 2px solid #00bfff; /* Bright blue border */
    background-color: #e0ffff; /* Pale blue background */
    color: #000; /* Black text */
    font-size: 18px; /* Larger font size */
    font-weight: bold; /* Bold text */
    padding: 5px 10px; /* Comfortable padding */   
	width: 50%;
	margin-bottom: 10px;
	text-align: center;
}

#fbuilder input[type=text], 
#fbuilder textarea,
#fbuilder select{ 
	border-radius: 10px; 
	padding-left: 10px;
}

#fbuilder select option {
    background-color: white;
    color: black; /* Ensure text is visible on a white background */
}

#fbuilder .ui-datepicker-inline {
    max-width: 50% !important; /* Set a max-width for responsiveness */
	margin-bottom: 20px;
}

#fbuilder label .r {display: none;}
	
#fbuilder .ui-datepicker-header {background:#555;color:#fff;margin-bottom:5px;border-radius:5px;}

#fbuilder .ui-datepicker th{background:#fff;color:#555;border:none}

#fbuilder .ui-datepicker td{border:none;}

#fbuilder .ui-datepicker {padding: 10px;border-radius:10px;}

#fbuilder .ui-datepicker tbody td {border:none;}

#fbuilder .ui-datepicker-calendar .ui-state-active {color: #fff;}

#fbuilder .ahb_list{margin:5px 0px}
#fbuilder .ahb_list .ahb_list_time{font-size:20px;font-weight:bold;border:0px;margin-right:10px;border-radius:5px;display:inline-block}
#fbuilder .ahb_list .ahb_list_service{font-size:20px;font-weight:bold;border:0px;margin-right:10px;border-radius:5px;display:inline-block}
#fbuilder .totalCost{font-size:20px;font-weight:bold;}

#fbuilder .slots{background:#fff;box-shadow:none;border:none;}
#fbuilder .slots div{border:0px;margin: 0;}
#fbuilder .slots span{font-size: 18px;font-weight:bold;}

#fbuilder .slots div a {
    background: #555;
    color: #fff !important;
    border-radius: 5px;
    padding: 5px 10px;
}

#fbuilder .slots div a:hover {
    background: #6eafbe; /* Slightly darker shade for hover */
}

#fbuilder .slots .currentSelection a {
    background: #ff9999; /* Even darker shade for active */
	color: #fff;
}

@media (max-width: 768px) {
    /* Enable full-body scrolling on mobile */
    #fbuilder select {
        width: 100%;
    }
	#fbuilder .ui-datepicker-inline {
    max-width: none !important;
	}
	#fbuilder .ahb_list .ahb_list_time{margin-bottom:5px;}
	#fbuilder .totalCost{font-size:20px;font-weight:bold;}
}