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

#main_body h1 a
{
background-image: url('http://www.schoolpay.co.in/form_generator/data/themes/images/img_f4a109e8d589d7ef107c66b3e3fa2cb5-MicrosoftTeams-image (8).png');
height: 130px;
}

html
{
background-color: #ffffff;
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','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_container {
    width: 960px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#main_body h1 {
    background-color: #ffffff;
    background-image: none;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

#main_body h1 a {
    background-position: left;
    /*background-position: center center;*/
    height: 110px;
}

.form_description h2 {
    color: #0066a6 !important;
}

#main_body form li:not(.media_video) div {
    margin: 0;
    padding: 0 0 10px;
}

#main_body form li.highlighted {
    background-color: #ffffff !important;
}

#main_body form li.highlighted input.text,
#main_body form li.highlighted select.select[class] {
    border: 1px solid #0066a6;
}

#main_body select.select[class] {
    width: 100% !important;
    height: 39px !important
}
#main_body form li.error {
    background-color: unset !important;
    border-bottom: unset !important;
    border-right: unset !important;
    margin-top: 0 !important;
}
#main_body form p.error {
    margin: 0 !important;
        margin-top: -10px !important;
    line-height: 15px;
}
#main_body select.select[class],
#main_body input.text {
    width: calc(100% - 12px);
    border: 1px solid #cfe3ef;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 3px !important;
    height: 25px;
    padding: 5px;
    background-color: #FBFBFB;
    font-style: normal;
    color: #666666;
    font-size: 15px;
    letter-spacing: 1px;
}

#main_body .buttons {
    border-top: 2px solid #0066a6;
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

#main_body input.button_text {
    color: #fff !important;
    margin: 0 0 0 7px !important;
    background: #0066a6;
    padding: 10px 0 !important;
    text-transform: uppercase;
    border-radius: 3px !important;
    letter-spacing: 1px;
    border: none;
    min-width: 150px;
    cursor: pointer;
}

#main_body input.button_text:hover {
    background: #0066a6 !important;
    min-width: 155px;
    transition: width 2s;
}

#main_body form li.section_break {
    width: 100% !important;
    border: none;
}
#main_body form li.section_break .col-md-8 {
    width: 66% !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}
.blue-head {
    background-color: #0066a6;
    padding: 0 !important;
    margin: 0 0 10px !important;
}

.blue-head h3 {
    margin: 0 !important;
}

.blue-head h3 span {
    font-size: 17px;
    color: #fff !important;
    letter-spacing: 1px;
}

.blue-head p {
    display: none;
}

.form-head {
    padding: 0 !important;
    font-size: 20px;
}

.col-md-12 {
    width: calc(100%) !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}

.col-md-6 {
    width: calc(50% - 7.5px) !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}

.col-md-8 {
    width: 66% !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}

.col-md-4 {
    width: calc(33.3333% - 10px) !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}

.col-md-3 {
    width: calc(25% - 11.25px) !important;
    padding: 0 !important;
    float: left;
    clear: inherit !important;
    margin-bottom: 30px !important;
}

.col-12,
.col-6,
.col-8,
.col-4,
.col-3 {
    padding: 10px !important;
    clear: inherit !important;
    text-align: center;
    margin: 0 !important;
}

.col-12 {
    width: 100% !important;
}

.col-6 {
    width: 50% !important;
}

.col-8 {
    width: 62.2222% !important;
}

.col-4 {
    width: 33.3333% !important;
}

.col-3 {
    width: 25% !important;
}

.plr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.date_field .date_mm,
.date_field .date_dd,
.date_field .date_yyyy {
    width: 30%;
    margin: 0 !important;
}
.date_field .date_mm input.text,
.date_field .date_dd input.text,
.date_field .date_yyyy input.text {
    width: 75% !important;
}

.no-label {
    margin-bottom: 0 !important;
}

.no-label label {
    display: none !important;
}

.uploadifive-button {
    height: 25px !important;
    line-height: 25px !important;
    text-align: left !important;
    width: calc(100% - 12px) !important;
    border: 1px solid #cfe3ef;
    border-radius: 3px !important;
    letter-spacing: 1px;
    background: #cfe3ef;
    color: #444 !important;
    padding: 5px !important;
}

.uploadifive-button:hover {
    border-color: #a8c9dc;
    background: #a8c9dc;
 }

@media only screen and (max-width: 767px) {
    form.appnitro, .embed form.appnitro {
        margin: 15px 10px 0 10px;
        width: calc(100% - 55px);
    }
    #main_body h1 {
        padding: 2px;
        width: calc(100% - 39px);
    }
    #main_body h1 a {
        background-position: center center;
        background-color: #fff;
        background-size: 100% auto;
        height: 80px;
    }
}
@media only screen and (max-width: 500px) {
    .col-md-12,
    .col-md-6,
    .col-md-4,
    .col-md-3 {
        width: 100% !important;
    }
    .pl15,
    .pr15,
    .plr15 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #li_88 {
        display: none !important;
    }
    #li_87 {
        padding-top: 30px !important;
    }
}
.text-left {
    text-align: left !important;
}
.actas-p input.text {
    background: #FFF !important;
    border: none !important;
    font-size: 18px;
}
#error_message {
    border: 1px solid red !important;
    margin-bottom: 30px !important;
    background: #ffdfdf !important;
    border-radius: 3px !important;
    width: 98% !important;
}
#error_message_title {
    color: #000 !important;
    font-weight: 100 !important;
}
#main_body form .section_break h3 {
    font-weight: 600 !important;
}
#li_87 {
    padding-top: 20px !important;
}
#li_60 .currently_entered, #li_404 .currently_entered, #li_405 .currently_entered, #li_407 .currently_entered, #li_407 .currently_entered {
    display: none !important;
}
#li_61 .currently_entered, #li_408 .currently_entered {
    display: none !important;
}
#li_61 .label {
    opacity: 0 !important;
}
#li_408 .label, #li_407 .label {
    display: none !important;
}
#li_410 input.text {
    font-weight: 600 !important;
}
#li_410 .description {
    position: absolute;
    font-size: 18px !important;
    top: 5px;
    left: 40px;
}
#main_body form li div span.label {
    line-height: 15px !important;
}
#main_body em.currently_entered {
    white-space: nowrap;
    font-style: unset !important;
}