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

#main_body h1 a
{
background-image: url('https://submit.mongolchamber.mn/data/themes/images/img_ba1ac2cd62d8d5fa63e7dce6ca69fa9b-logo_en.png');
height: 135px;
}

html
{
background-image: url('https://submit.mongolchamber.mn/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-image: url('https://submit.mongolchamber.mn/data/themes/images/img_4dc5e6986c0861d6487ba66b6bd51048-image_2026-06-03_14-45-35-544.png');
background-repeat: repeat;
}

#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 **/

/* =========================
   Desktop container width
   ========================= */
#form_container {
    width: 1200px !important;
    max-width: 95% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

form.appnitro {
    width: auto !important;
    max-width: 100% !important;
}

form.appnitro ul {
    width: auto !important;
    max-width: 100% !important;
}

#form_container,
#form_container * {
    box-sizing: border-box !important;
}


/* =========================
   Tablet / Mobile responsive
   ========================= */
@media screen and (max-width: 768px) {

    html,
    body {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    #form_container {
        width: 96% !important;
        max-width: 96% !important;
        margin: 10px auto !important;
        border-radius: 8px !important;
    }

    form.appnitro {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    form.appnitro ul {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    form.appnitro li {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    input.text,
    textarea.textarea,
    select.select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    input.small,
    input.medium,
    input.large,
    textarea.small,
    textarea.medium,
    textarea.large,
    select.small,
    select.medium,
    select.large {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* First / Last name*/
    .left,
    .right {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
    }

    /* Field guidelines mobile*/
    .guidelines {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 0 !important;
    }

    /* Submit button mobile*/
    .buttons input {
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* =========================
   Mobile logo/header fix
   ========================= */
@media screen and (max-width: 768px) {

    #form_container h1 {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 70px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    #form_container h1 a {
        display: block !important;
        width: 100% !important;
        min-height: 70px !important;
        height: 70px !important;
        overflow: hidden !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    #form_container h1 img {
        display: block !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }
}
/* =========================
   Mobile equal left/right spacing fix
   ========================= */
@media screen and (max-width: 768px) {

    #form_container {
        width: 96% !important;
        max-width: 96% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    form.appnitro {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
    }

    form.appnitro ul {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    form.appnitro li {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    input.text,
    textarea.textarea,
    select.select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .buttons {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .buttons input {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

.buttons input,
input.button_text,
input[type="submit"] {
    width: 100% !important;
    height: 44px !important;
    background: #004693 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.buttons input:hover,
input.button_text:hover,
input[type="submit"]:hover {
    background: #004693 !important;
}
/* =========================
   Form footer text
   ========================= */
#form_container:after {
    content: "© 2026 Mongolian National Chamber of Commerce and Industry.";
    display: block !important;
    width: 100% !important;
    margin-top: 20px !important;
    padding: 18px 16px !important;
    border-top: 1px solid #e5e7eb !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #6b7280 !important;
    background: #f9fafb !important;
    box-sizing: border-box !important;
    white-space: pre-line !important;
}

@media screen and (max-width: 768px) {
    #form_container:after {
        margin-top: 16px !important;
        padding: 14px 12px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }
}

/* =========================
   Desktop submit button size
   ========================= */
@media screen and (min-width: 769px) {

    .buttons {
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .buttons input,
    input.button_text,
    input[type="submit"] {
        width: 220px !important;
        max-width: 220px !important;
        height: 44px !important;
        display: inline-block !important;
        background: #0f559e !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 6px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .buttons input:hover,
    input.button_text:hover,
    input[type="submit"]:hover {
        background: #0b467f !important;
    }
}
/* =========================
   Keep header poster, hide only logo
   ========================= */

/* Header/poster хэсгийг үлдээнэ */
#form_container h1,
h1.logo {
    display: block !important;
    height: 220px !important;
    min-height: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* h1 доторх link/text-г нуух */
#form_container h1 a,
h1.logo a {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;

    text-indent: -9999px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;

    /* Logo background давхардаж томрохоос хамгаална */
    background-image: none !important;
    background: transparent !important;
}

/* Image logo байвал нуух */
#form_container h1 img,
h1.logo img {
    display: none !important;
}
/* =========================
   Mobile header/poster responsive
   ========================= */
@media screen and (max-width: 768px) {

    #form_container h1,
    h1.logo {
        display: block !important;
        height: 140px !important;
        min-height: 140px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;

        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    #form_container h1 a,
    h1.logo a {
        display: block !important;
        width: 100% !important;
        height: 140px !important;
        min-height: 140px !important;

        text-indent: -9999px !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
        overflow: hidden !important;

        background-image: none !important;
        background: transparent !important;
    }

    #form_container h1 img,
    h1.logo img {
        display: none !important;
    }
}