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

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
#main_body h1 a {
    background-image: none;
    height: 40px;
}
html {
    background-color: #ffffff;
}
#main_body h1 {
    background-color: #ffffff;
}
#form_container {
    background-color: #ffffff;
    border-width: 1px;
    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: #F5f5f5;
}
#main_body form .guidelines {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}
#main_body form .guidelines small {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 85%;
    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: #ffffff;
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 110%;
    color: #666666;
    border-radius: 0px;
    border: 1px solid;
    border-color: #76a901;
    font-size: 17px;
    outline: 0;
    box-shadow: none;
}
#main_body input.text,
#main_body input.file,
#main_body select.select {
    height: 47px;
    display: grid;
    padding-left: 8px;
}
#main_body textarea.textarea {
    padding-left: 5px;
}
#machform_review_table td.mf_review_value {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 110%;
    color: #666666;
}
#main_body .form_description h2,
#main_body .form_success h2 {
    font-family: 'Lato'!important;
    font-weight: 400;
    font-style: normal;
    font-size: 280%;
    margin-bottom: 20px;
    color: #575656;
}
#main_body .form_description p {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 110%;
    color: #666666;
}
#main_body form li span.ap_tp_text {
    color: #666666;
}
#main_body label.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: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 120%;
    color: #666666;
    font-weight: 700;
}
#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 {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    color: #666666;
    font-size: 14px;
}
#main_body form .section_break h3,
#machform_review_table td .mf_section_title {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 160%;
    color: #575656;
}
#main_body form .section_break p,
#machform_review_table td .mf_section_content {
    font-family: 'Lato', 'Lucida Grande', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 110%;
    color: #666666;
}
#main_body form li.section_break {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #cccccc;
}
#main_body form li div span.state_list {
    height: 67px;
}
.appnitro li {
    width: 65%;
}
#main_body label.description {
    padding: 0 0 10px;
}
#main_body li.address input.large {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main_body input.text {
    box-sizing: border-box;
    background-image: none;
}
#main_body .buttons input {
    font-size: 18px;
    color: #fff !important;
    background-color: #76a901;
    border-style: solid;
    padding: 10px 35px;
    border-radius:10px;
    font-weight:700;
    transition: all 300ms linear 0ms;
    border-width: 2px;
    cursor: pointer;
    text-shadow: 3px 3px 12px rgba(0, 0, 2, 0.41);
    border-color: #76a901;
}
#main_body .buttons input:hover {
    color: #fff !important;
    background-color: #F47B00;
    border-color: #F47B00;
}
/** Responsive **/
/************ max width 500px *************/

@media (max-width: 500px) {
    #main_body form li div span.right {
        width: 100%;
        float: right;
    }
    #main_body form li div span.left {
        width: 100%;
        float: left;
    }
    .appnitro li {
        width: 90%;
    }
}