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

#main_body h1 a
{
background-image: url('https://user-assets.forms-db.com/profundcom/themes/img_e07b7e8b2723ad50f1d67efd4185cfc9-logo.jpg');
height: 97px;
}

html
{
background-image: url('https://profundcom.forms-db.com/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #ffffff;
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 **/

form#form_4909 {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}
@media (max-width: 430px){
form#form_4909 {
max-width: 300px;
}
}
 
body#main_body form li {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  margin: 0px 0px 10px 0px;
 
padding: 0px;
}
body#main_body form li.error {
    background-color: transparent!important;
    border-bottom: 2px solid #EACBCC;
    border-right: none;
   margin: 0px 0 3px 0 !important;
}
body#main_body form li#error_message {
    padding-left: 4px;
    padding-right: 4px;
}
body#main_body form p.error {
   margin: -20px 0 5px 0 !important;
    width: 120px;
}
body#main_body label.description {
display: block;
    width: 100%;
    color: #11233d;
line-height: 3.3rem;
}
 
body#main_body form li div {
width: calc(100% - 125px) !important;
padding: 0px;
margin: 0px;
display: block;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
 
}
body#main_body input.text, body#main_body textarea.textarea {
    border: 0px;
    line-height: 1;
    padding: 20px 25px;
    background: #e7e7e7;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: auto !important;
}
body#main_body textarea.textarea  {
}
body#main_body .buttons input {
text-decoration: none;
    text-align: center;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    padding: 0;
    overflow: hidden;
    padding: 0px 44px;
    height: auto;
    border: none;
    cursor: pointer;
    border: none;
    background: #dd8f5c;
    color: #fff;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 4px solid #c6552d;
    margin-left: 125px;
    margin-top: 0px;
font-size: 13px;
line-height: 3rem;
transition: background-color 0.3s ease;
}
body#main_body .buttons input:hover {
background-color:#d47232;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
  @media (max-width: 460px) {
    body#main_body form li {    margin-bottom: 0; }
    body#main_body label.description {
       flex-basis: 100%;
       width: 100%;
       display: block;
       padding-top: 20px;
line-height: 2rem;
  }
  body#main_body form li div {
      flex-basis: 100%;
      width: 100%;
  }
body#main_body .buttons input {
margin-left: 0px;
}
body#main_body form p.error {
   margin: 0px 0 5px 0 !important;
    width: 100%;
}
}
.appnitro li {
width: auto;
}