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

#main_body h1 a
{
background-image: url('https://pinoypins.ph/mf45/machform/images/form_resources/machform.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('https://pinoypins.ph/mf45/machform/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

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

#form_container
{
background-color: #ffffff;
border-width: 0px;
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: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
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: #444444;
}

#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: #444444;
}

#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: #444444;
}

#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: #444444;
}

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

#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: #444444;
}

#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: #444444;
}

#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: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#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: 85%;
color: #444444;
}

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



/** Advanced CSS **/

/* ===== COMPACT MACHFORM THEME - 12px TEXT ===== */
/* For Form ID: 12199 - Quick Quote Form */

/* Hide all original labels */
#form_12199 .description,
#form_12199 label:not(.uploadifive-button label),
#form_12199 legend {
    display: none !important;
}

/* Show file upload label */
#form_12199 #li_11 .description {
    display: block !important;
    font-size: 11px !important;
    margin-bottom: 2px !important;
    color: #555 !important;
}

/* Base form container */
#form_12199 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#form_12199 li {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

/* ALL INPUTS - 12px text, compact height */
#form_12199 input[type="text"],
#form_12199 input[type="email"],
#form_12199 input[type="number"],
#form_12199 select,
#form_12199 textarea {
    width: 100% !important;
    padding: 5px 7px !important;
    font-size: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    height: 30px !important;
    background: white !important;
    color: #333 !important;
}

/* Placeholder text */
#form_12199 input::placeholder,
#form_12199 textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-style: italic !important;
    font-size: 12px !important;
}

/* Select boxes */
#form_12199 select {
    color: #333 !important;
    font-size: 12px !important;
}

#form_12199 select option:first-child {
    color: #999 !important;
}

/* Column layouts - exactly as you had them working */
#form_12199 #li_1 .simple_name_1,
#form_12199 #li_1 .simple_name_2 {
    float: left !important;
    width: 48% !important;
    margin: 0 !important;
}

#form_12199 #li_1 .simple_name_1 {
    margin-right: 4% !important;
}

#form_12199 #li_3 {
    float: left !important;
    width: 48% !important;
    margin-right: 4% !important;
    clear: left !important;
}

#form_12199 #li_12 {
    float: left !important;
    width: 48% !important;
    margin-right: 0 !important;
}

#form_12199 #li_5,
#form_12199 #li_7,
#form_12199 #li_8 {
    float: left !important;
    width: 31% !important;
    margin-right: 3.5% !important;
    clear: none !important;
}

#form_12199 #li_5 {
    clear: left !important;
}

#form_12199 #li_8 {
    margin-right: 0 !important;
}

#form_12199 #li_9,
#form_12199 #li_6 {
    float: left !important;
    width: 48% !important;
    margin-right: 4% !important;
    clear: none !important;
}

#form_12199 #li_9 {
    clear: left !important;
}

#form_12199 #li_6 {
    margin-right: 0 !important;
}

#form_12199 #li_10 {
    clear: both !important;
    width: 100% !important;
}

#form_12199 #li_10 textarea {
    height: 50px !important;
    font-size: 12px !important;
}

/* File upload */
#form_12199 #li_11 {
    clear: both !important;
    width: 100% !important;
}

#form_12199 .uploadifive-button {
    width: 100% !important;
    height: 30px !important;
    line-height: 30px !important;
    background: #f0f0f0 !important;
    border: 1px dashed #999 !important;
    border-radius: 3px !important;
    font-size: 11px !important;
    text-align: center !important;
    color: #333 !important;
}

#form_12199 .file_queue {
    font-size: 10px !important;
    max-height: 30px !important;
    overflow-y: auto !important;
    margin-top: 1px !important;
}

/* Make reCAPTCHA smaller */
#form_12199 .g-recaptcha {
    transform: scale(0.7);
    transform-origin: left top;
    margin-bottom: 5px !important;
}

/* Adjust the container to fit */
#form_12199 #li_captcha {
    clear: both !important;
    width: 100% !important;
    overflow: hidden !important;
    margin: 2px 0 !important;
}





/* Helper text */
#form_12199 .small.text-muted {
    font-size: 10px !important;
    color: #777 !important;
    margin: 2px 0 0 !important;
    clear: both !important;
    text-align: center !important;
}

/* Clear floats */
#form_12199 ul:after,
#form_12199 li:after {
    content: "";
    display: table;
    clear: both;
}


/* More aggressive fix */
#form_12199,
#form_12199 ul,
#form_12199 li:last-child,
#form_12199 .small.text-muted {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Then add your desired 20px space */
#form_12199 {
    margin-bottom: 20px !important;
}