/* ===== FORM TEXT ===== */

#fbuilder label{
    display:block;
    font-weight:600;
    font-size:16px;
    color:#000;
    margin-bottom:8px;
}

#fbuilder p{
    margin-bottom:20px;
}


/* ===== INPUT FIELDS ===== */

#fbuilder input[type=text],
#fbuilder textarea,
#fbuilder select{
    width:100%;
    max-width:650px;
    padding:8px 10px;
    margin-top:6px;
    margin-bottom:18px;
    border:2px solid #0b5394;
    border-radius:4px;
    font-size:15px;
}


/* ===== PHONE FIELD BLOCKS ===== */

#fbuilder .fields.phone input{
    width:60px;
    text-align:center;
    margin-right:6px;
}


/* ===== HEADER NOTE TEXT ===== */

#fbuilder h3{
    font-size:20px;
    font-weight:700;
    margin:25px 0 20px 0;
    text-align:center;
}


/* ===== CALENDAR ===== */

#fbuilder .ui-datepicker-header{
    background:#0b5394;
    color:#fff;
    text-shadow:none;
}

#fbuilder .ui-datepicker th{
    background:#0b5394;
    color:#fff;
}

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{
    background:#0b5394;
    color:#fff;
}

#fbuilder .ui-datepicker-unselectable .ui-state-default{
    background:#eeeeee;
    color:#999;
}


/* ===== TIME SLOTS ===== */

#fbuilder .slots{
    background:#3c93d3;
    box-shadow:none;
}

#fbuilder .slots div a{
    background:#142e58;
    color:#fff;
}


/* ===== APPOINTMENT SUMMARY ===== */

#fbuilder .ahb_list{
    margin:20px 0;
}

#fbuilder .ahb_list .ahb_list_time{
    background:#59a3c9;
    padding:8px 12px;
    margin-right:10px;
    border-radius:3px;
}

#fbuilder .ahb_list .ahb_list_service{
    background:#3bb880;
    padding:8px 12px;
    margin-right:10px;
    border-radius:3px;
}

#fbuilder .ahb_list a{
    background:#3bb880;
    color:#fff;
    padding:8px 12px;
    border-radius:3px;
}

/* recreate spacing that the white dash spacer created */

#fbuilder p{
    margin-top:22px;
    margin-bottom:22px;
}

#fbuilder label{
    display:block;
    font-weight:600;
    margin-bottom:10px;
}

#fbuilder input,
#fbuilder select,
#fbuilder textarea{
    margin-top:6px;
}

.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default { background: #3995d0; }
.ahb_m3 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default:hover { color: #ffffff; background: #66ccff; }

.ahb_m3 #fbuilder .ui-datepicker th { background: #ffffff; color: #000000; }

.ahbfield_service {
    display: flex;
    justify-content: center;
}

.ahbfield_service select {
    background: #fff700;
}

/* CENTER ENTIRE FORM */

#fbuilder{
    text-align:center;
}

#fbuilder input[type=text],
#fbuilder textarea,
#fbuilder select{
    width:100%;
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

#fbuilder p{
    text-align:center;
}

#fbuilder label{
    text-align:center;
}

/* FORCE ALL INSTRUCTION TEXT RED + BOLD */

#fbuilder span.uh {
    color: #ff0000 !important;
    font-weight: 700 !important;
}

#fbuilder select {
    background-color: #f5b400 !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

#fbuilder select:focus {
    background-color: #f5b400 !important;
}

#fbuilder .fields select {
    background-color: #f5b400 !important;
}

/* Closed dropdown (already handled but reinforcing) */
#fbuilder select {
    font-weight: 700 !important;
}

/* Open dropdown list (THIS is what you're seeing) */
#fbuilder select option {
    font-weight: 700 !important;
}

/* Force bold inside dropdown container (some browsers ignore option styling) */
#fbuilder select,
#fbuilder option,
#fbuilder .fields select,
#fbuilder .fields option {
    font-weight: 700 !important;
}