div#field_1-6, 
div#field_2-6,
div#field_3-6,
div#field_4-6 {
  opacity: 0;
}

div#field_1-1, 
div#field_2-1,
div#field_3-1,
div#field_4-1 {
display: none !important;
}

#field_dob_1,
#field_dob_2,
#field_dob_3,
#field_dob_4{
  position: absolute;
  width: 100%;
bottom: 50px; 
  z-index: 9;
}

.ui-datepicker th span {
  color: #FB8500 !important;
  font-weight: bold;
}
.ahb_m #fbuilder .ui-datepicker-prev,
.ahb_m #fbuilder .ui-datepicker-next {
  width: 10px !important;
  height: 10px !important;
}


.ui-datepicker-title {
/* 	text-align: left !important; */
  color: #219EBC !important;
  font-weight: bold;
  font-size: 1.2em;
	padding-top: 6px
	padding-bottom: 6px
}
.ui-datepicker td a.ui-state-active {
  background: #219EBC !important;
  color: white !important;
  border-radius: 8px !important;
}
.ui-datepicker td a:hover {
  background: #FB8500 !important;
  color: white !important;
  border-radius: 8px;
text-shadow: none !important;
}

/* Override any zebra striping in calendar rows */
#fbuilder .ui-datepicker-calendar tr {
  background-color: white !important;
}

/* Also force all table cells (days) to be white by default */
#fbuilder .ui-datepicker-calendar td {
  background-color: white !important;
  border: none !important; /* optional: remove borders if they cause lines */
}

/* Just in case jQuery UI's theme is applying widget content styling */
#fbuilder .ui-widget-content {
  background: white !important;
  border: none !important;
}

/* Remove any shadow or border if present around calendar box */
#fbuilder .ui-datepicker {
  background: white !important;
  box-shadow: none !important;
  border: none !important;
	z-index: 1 !important
}

/* Style the submit button like other fields */
#fbuilder .pbSubmit {
  width: 50% ;
  background-color: #FB8500 !important;
  color: white !important;
  border: none;
  transition: background 0.3s ease;
}

/* Hover effect for button */
#fbuilder .pbSubmit:hover {
  background-color: #e67300 ;
}

@media screen and (max-width: 767px) {
	#fbuilder .pbSubmit {
		width: 100%;
	}
	
}
#fbuilder .slots div a {
	background: #f8f8f8;
}
#fbuilder .availableslot a,
#fbuilder .slots div {
  border-radius: 4px;
	
}
#fbuilder .slots .currentSelection a {
  border-radius: 4px;
}
#fbuilder table {
  border-spacing: 5px;
}

@media screen and (max-width: 767px) {
	#fbuilder .slots > span {
  display: none !important;
}

	
  #fbuilder .slots {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
  }

  #fbuilder .slots div {
    flex: 1 0 21%;
    max-width: 21%;
    text-align: center;
  }

  #fbuilder .slots div a {
    font-size: 14px;
    background: #fff;
  }
}