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

#main_body h1 a
{
background-image: url('https://quadrangular.online/forms/data/themes/images/img_4980c4fe06801284c03f8676e4c7aafc-cal1.png');
height: 37px;
}

html
{
background-color: transparent;
background-image: none;
}

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

#form_container
{
background-color: #e1f5b0;
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: #ffffcc;
}

#main_body form .guidelines
{
background-color: #c7f464;
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: 'Tahoma','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: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #000000;
}

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

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Roboto','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
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: 'Yanone Kaffeesatz','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 130%;
color: #000000;
}

#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: 'Yanone Kaffeesatz','Lucida Grande',Tahoma,Arial,sans-serif;
color: #000000;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Oswald','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 140%;
color: #012f6f;
}

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

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



/** Advanced CSS **/

#main_body h1 a {
    background-image: url(https://quadrangular.online/forms/data/themes/images/img_4980c4fe06801284c03f8676e4c7aafc-cal1.png);
    width: -webkit-fill-available;
    border-radius: inherit;
    height: 37px;
}

#main_body .form_description {
    margin: 0;
    padding-top: 10px;
}

form.appnitro {
    margin: 0px 20px 0;
}

#main_body .media_image {
    max-width: 100%;
    height: auto;
}

#main_body form .section_break p {
    margin: 0px 0 10px;
}

@media only screen and (max-device-width: 768px) {
    #main_body .media_image {
        max-width: 100%;
        height: auto;
    }

    #main_body h1 a {
        height: 10px;
    }

    #main_body {
         width:100%;
         background-color: transparent;
    }

    #div {
         background-color: #ccc;
    }

   h1 {
      height:0px;
   }

    .element_42 {
        width:40%;
    }
}

h3 {
    /* text-shadow: 0.1em 0.1em 0.2em black; */
    /* text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000; */
}

label {
      text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
}

span {
      color: black;
      /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black */
}

#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: 'Roboto','Lucida Grande',Tahoma,Arial,sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    background-color:transparent;
    padding: 10px;
}

#main_body form li div span.label {
    font-family: 'Roboto','Lucida Grande',Tahoma,Arial,sans-serif;
    color:#000;
    font-size: 10px;
    margin: 5px;
    background-color:transparent;
}

#main_body form li span.description {
    font-family: 'Roboto','Lucida Grande',Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 110%;
    color: #000;
    padding-bottom: 20px;
}

#main_body form .section_break p {
    /* text-shadow: 0 0 0.1em #FFF, 0 0 0.1em #FFF, 0 0 0.1em #FFF; */
    font-size: 100%;
    margin: 0px 0 10px;
}

#main_body form li span.description {
    font-family: 'Oswald','Lucida',sans-serif;
    /* font-weight: 700; */
    font-weight: normal;
    font-size: 110%;
    color: #000000;
    text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
    padding-bottom: 20px;
}

#main_body .buttons input {
    font-size: 140%;
    margin-right: 5px;
}

#main_body select.select[class] {
    margin: 0;
    padding: 6px 0 0px 6px;
}

#main_body form li div span.label {
    margin: 0px;
    padding: initial;
}


#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: #fff url(../images/shadow.gif) repeat-x top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-top: 1px solid #7c7c7c;
    color: #333;
    font-size: 100%;
    margin: 0;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#main_body select.select {
    border: 4px solid #EFEFEF;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
    outline: medium none;
    background: none repeat scroll 0 0 #FBFBFB;
    padding: 1px 0 6px 6px;
    color: #666666;
    height: 24px;
    font-size: 100%;
    margin: 1px 0;

    background: #fff url(../images/shadow.gif) repeat-x top;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-top: 1px solid #7c7c7c;
    color: #333;
    font-size: 100%;
    margin: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#main_body select.select[class] {
    margin: 0;
    padding: 0px 0 0px 6px;
}

#main_body form li div span.label {
    color: MAROON;
}

#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: Oswald,sans-serif;
    padding: 3px;
}

#main_body form li div span.label {
    color: MAROON;
    font-size: 11px;
    font-weight: 400;
    font-family: sans-serif;
}

#main_body form li span label, #main_body label.choice {
    font-family: sans-serif;
    padding: 3px;
}


#main_body .form_description p {
    font-family: 'Roboto','Lucida Grande',Tahoma,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
    color: #444444;
}

#main_body .form_description {
    margin: 0;
}

#main_body form li div.media_image_container {
    padding: 0;
}

#main_body table tr th {
    font-size:16px; 
}