/** 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: #ececec;
background-image: none;
}

#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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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','InterVariable',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 **/

html,
body,
#main_body {
    background: #f3f5f9 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #172158 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#form_container {
    width: 92% !important;
    max-width: 980px !important;
    margin: 20px auto 60px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

form.appnitro,
form.appnitro ul,
form.appnitro li,
form.appnitro table,
form.appnitro tr,
form.appnitro td {
    background-image: none !important;
    box-shadow: none !important;
}

#form_container h1 {
    color: #172158 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}

#form_container h1 a {
    color: #172158 !important;
    text-decoration: none !important;
}

.form_description {
    margin-bottom: 18px !important;
}

.form_description p {
    color: #172158 !important;
    font-size: 12px !important;
    margin: 0 !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

form.appnitro li#pagination_header.li_pagination {
    background: #ffffff !important;
    border: none !important;
    border-top: 3px solid #172158 !important;
    border-bottom: 1px solid #d8ddeb !important;
    border-radius: 0 !important;
    padding: 14px 0 0 !important;
    margin: 14px 0 26px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    list-style: none !important;
}

#pagination_header table,
#pagination_header tbody,
#pagination_header tr,
#pagination_header td,
#pagination_header span {
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#pagination_header .ap_table_pagination {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

#pagination_header td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 0 11px !important;
    position: relative !important;
}

#pagination_header .ap_tp_arrow {
    display: none !important;
}

#pagination_header .ap_tp_num {
    float: none !important;
    clear: none !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    background: #c7d1e7 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-align: center !important;
}

#pagination_header #page_num_1::before {
    content: "A";
    font-size: 11px;
}

#pagination_header #page_num_2::before {
    content: "B";
    font-size: 11px;
}

#pagination_header #page_num_3::before {
    content: "C";
    font-size: 11px;
}

#pagination_header #page_num_4::before {
    content: "D";
    font-size: 11px;
}

#pagination_header .ap_tp_num_active {
    background: #172158 !important;
}

#pagination_header .ap_tp_text {
    float: none !important;
    clear: both !important;
    display: block !important;
    color: #c7d1e7 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pagination_header #page_title_1 {
    font-size: 0 !important;
}

#pagination_header #page_title_1::before {
    content: "Personal" !important;
    font-size: 10px !important;
}

#pagination_header #page_title_2 {
    font-size: 0 !important;
}

#pagination_header #page_title_2::before {
    content: "Sections" !important;
    font-size: 10px !important;
}

#pagination_header #page_title_3 {
    font-size: 0 !important;
}

#pagination_header #page_title_3::before {
    content: "Your Details" !important;
    font-size: 10px !important;
}

#pagination_header .ap_tp_text_active {
    color: #172158 !important;
}

#pagination_header td:has(.ap_tp_num_active)::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    height: 3px !important;
    background: #172158 !important;
}

/* =========================================================
   INTRO PANELS
   ========================================================= */

#li_1 {
    background: #172158 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 24px !important;
    margin-bottom: 18px !important;
}

#li_1 * {
    color: #ffffff !important;
}

#li_2 {
    background: #2d3460 !important;
    border: 1px solid #d6b46a !important;
    border-radius: 8px !important;
    padding: 22px 24px !important;
    margin-bottom: 20px !important;
}

#li_2 * {
    color: #ffffff !important;
}

/* =========================================================
   SECTION HEADERS
   ========================================================= */

.section_break {
    background: #172158 !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 16px 20px !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

.section_break h3 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.section_break p {
    color: #dce3ff !important;
    font-size: 11px !important;
    margin: 3px 0 0 !important;
}

/* =========================================================
   FORM ROWS
   ========================================================= */

form.appnitro li:not(.section_break):not(#pagination_header):not(#li_1):not(#li_2) {
    background: #ffffff !important;
    border-left: 1px solid #d8ddeb !important;
    border-right: 1px solid #d8ddeb !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 13px 18px !important;
    margin: 0 !important;
    min-width: 100% !important;
}

.section_break + li {
    border-top: 1px solid #d8ddeb !important;
}

form.appnitro li:last-child {
    border-bottom: 1px solid #d8ddeb !important;
    border-radius: 0 0 8px 8px !important;
}

/* =========================================================
   LABELS / INPUTS
   ========================================================= */

label.description {
    color: #172158 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

span label {
    color: #172158 !important;
    font-size: 10px !important;
}

.required {
    color: #c51f1f !important;
}

input.text,
input.file,
textarea.textarea,
select.select {
    background: #ffffff !important;
    border: 1px solid #c8cfdf !important;
    border-radius: 5px !important;
    color: #172158 !important;
    font-size: 12px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

input.text:focus,
textarea.textarea:focus,
select.select:focus {
    border-color: #172158 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(23,33,88,0.12) !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.buttons {
    background: transparent !important;
    border: none !important;
    text-align: right !important;
    padding: 20px 0 !important;
}

input.button_text,
button,
#saveForm {
    background: #172158 !important;
    border: none !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px 18px !important;
    cursor: pointer !important;
}

input.button_text:hover,
button:hover,
#saveForm:hover {
    background: #0f173f !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media only screen and (max-width: 768px) {

    #form_container {
        width: 94% !important;
    }

    form.appnitro li#pagination_header.li_pagination {
        margin: 12px 0 22px !important;
    }

    input.text,
    textarea.textarea,
    select.select {
        width: 100% !important;
    }
}

#main_body form li.section_break {
    border-top: 1px dotted #ccc;
    margin-top: 9px;
    padding-bottom: 0;
    padding-left: 9px;
    padding-top: 13px;
    width: 100% !important;
}