/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: none;
height: 40px;
}

html
{
background-color: #002e43;
background-image: none;
}

#main_body h1
{
background-color: #004e72;
background-image: none;
}

#form_container
{
background-color: #003147;
border-width: 0px;
box-shadow: none;
border-style: solid;
border-color: #cccccc;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #004b7d;
}

#main_body form .guidelines
{
background-color: #00608c;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #ffffff;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #ffffff;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #ffffff;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #ffffff;
}

#main_body form li span.ap_tp_text
{
color: #ffffff;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #ffffff;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #ffffff;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #ffffff;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #ffffff;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

/* =========================
   MACHFORM — CLEAN BASE
   ========================= */

/* Container visuals */
#form_container {
  background: linear-gradient(to bottom, #004e72, #002e43);
  padding: 10px;                 /* keep this; do not overwrite later */
  box-sizing: border-box;
}

/* Inner body: margins you wanted + left aligned content */
#main_body {
  margin: -11px -30px 50px !important;  /* your inspect-mode margins */
  text-align: left !important;          /* prevent checkbox drift */
  overflow-x: hidden !important;        /* safety: no horizontal scroll */
}

/* Hide asterisks, add helpers you had */
#main_body form .required { display: none !important; }
.no-top-border { border-top: none !important; }
.large-title h3 { font-size: 100% !important; font-weight: bold !important; }
.highlight { background-color: yellow; }
.sub_currency { display: none !important; }

/* --- Matrix (keep your styling) --- */
li.matrix table { width: 100%; border-collapse: collapse; }
li.matrix tbody tr.alt, li.matrix tbody tr.alt > td { background: transparent !important; }
li.matrix th, li.matrix td { padding: 12px 10px; text-align: center; vertical-align: middle; border: none; }
li.matrix thead th:first-child, li.matrix td.first_col { text-align: left; }
li.matrix thead th:first-child { width: 50%; }
li.matrix thead th:nth-child(2),
li.matrix thead th:nth-child(3),
li.matrix thead th:nth-child(4) { width: 17%; }
li.matrix td fieldset { margin: 0; padding: 0; border: 0; display: flex; justify-content: center; align-items: center; }
li.matrix input[type="radio"] { transform: scale(1.2); accent-color: #0b7aa5; }
li.matrix tbody tr:hover { background: rgba(0,0,0,0.03); }
@media (max-width: 560px){
  li.matrix thead { display: none; }
  li.matrix tbody tr { display: grid; grid-template-columns: 1fr auto auto auto; row-gap: 10px; }
  li.matrix td.first_col { grid-column: 1 / -1; }
}

/* --- Submit button: solid red --- */
#submit_form,
#submit_form.button_text,
#form_container input#submit_form.button_text[type="submit"],
#form_container input.button_text[type="submit"] {
  background: #d40000 !important;
  color: #fff !important;
  border: 1px solid #9a0000 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
}
#submit_form:hover, #submit_form:focus { filter: brightness(0.95); }

/* =========================
   RESPONSIVE / FLUID LAYOUT
   ========================= */

/* Make container and content fluid; keep modest gutters */
@media (max-width: 1280px){
  #form_container, .machform-container, form.appnitro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  #main_body, .appnitro {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Inputs/rows never overflow */
  .appnitro *, .appnitro .li, .appnitro .element {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  .appnitro input[type="text"],
  .appnitro input[type="email"],
  .appnitro input[type="tel"],
  .appnitro select,
  .appnitro textarea { width: 100% !important; }
}

/* Checkbox/radio groups: line up neatly */
.appnitro .choices, .appnitro ul.choices {
  list-style: none; margin: 0; padding: 0; text-align: left !important;
}
.appnitro .choices li {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  margin: 6px 0;
}
.appnitro .choices input[type="checkbox"],
.appnitro .choices input[type="radio"] { flex: 0 0 auto; margin: 0; }
.appnitro .choices label { flex: 1 1 auto; white-space: normal; }

/* Optional two-column choices on wide screens (add .columns-2 in MF if desired) */
@media (min-width: 700px){
  .appnitro .choices.columns-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
  }
}