/* ===========================================================
   UNIVERSAL FIX — FORCE AFPIMS CHECKBOX ITEMS INLINE
   Works when Inspect Element is blocked
   =========================================================== */

/* Force checkbox list container into a horizontal row per item */
.df_form .checkBoxList .control,
.df_form .checkBoxList *,
.df_form .checkBoxList div,
.df_form .checkBoxList label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

/* Ensure the checkbox itself stays inline */
.df_form input[type="checkbox"] {
    display: inline-block !important;
    margin-top: 3px !important;
    margin-right: 8px !important;
}

/* Kill any block-level behavior in wrapper divs */
.df_form .checkBoxList div,
.df_form .checkBoxList > div,
.df_form .checkBoxList .control > div {
    display: inline-flex !important;
    align-items: flex-start !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure label sits next to the checkbox */
.df_form .checkBoxList label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
}

/* Reduce space between items */
.df_form .checkBoxList .field {
    margin-bottom: 6px !important;
}
/* ============================
   FIX AFPIMS CAPTCHA POSITION
   ============================ */

/* Reset everything for captcha field */
.df_form .captchaField,
.df_form .captchaField * {
    display: block !important;
    flex-direction: initial !important;
    flex-wrap: initial !important;
    align-items: initial !important;
    gap: initial !important;
    margin: initial !important;
    padding: initial !important;
    width: auto !important;
}

/* Basic tidy layout */
.df_form .captchaField .control {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Ensure captcha image stays visible */
.df_form .captchaField img {
    max-width: none !important;
    height: auto !important;
}

/* Input styling */
.df_form .captchaField input[type="text"] {
    width: 120px !important;
    padding: 6px !important;
}