/* Styles definition here */

#fbuilder label, #fbuilder span.uh { color: #ffffff; }
#fbuilder .slots:nth-child(1) > span:nth-child(1) { color: #ffffff; }

.ahb_m3 #fbuilder .slots div:not(.htmlUsed) a:hover { background: #28256A; color: #ffffff; }

.ahb_m3 #fbuilder .slots { text-align: center; padding: 10px 10px 50px 10px; }

.captcha { color: white; }

/* Media query for screens smaller than 600px */
@media (max-width: 700px) {
    #fbuilder .ui-datepicker {
        /* Adjust margins and padding for smaller screens */
        margin: 5px;
        padding: 5px;
    }
}

/* Media query for screens between 601px and 900px */
@media (min-width: 701px) and (max-width: 950px) {
    #fbuilder .ui-datepicker {
        /* Adjust margins and padding for medium-sized screens */
        margin: 15px;
        padding: 15px;
    }
}

/* Media query for screens larger than 900px */
@media (min-width: 951px) {
    #fbuilder .ui-datepicker { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-left: 300px; margin-right: 300px; margin-top: 80px; margin-bottom: 80px; }
}