/*---Styling for Application form---*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

@font-face {
    font-family: Source Sans Pro;
    src: url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
}

body {
    font-family: Source Sans Pro;
}

.container {
    margin: 0 auto;
}

form {
    width: auto;
}

.payment .crmEntityFormView .tab .tab-column:first-child {
    width: 100% !important;
}

.address-picklist-container,
.address-picklist,
.address-picklist > div,
.use-address-entered,
.address-picklist .selected,
.address-picklist div:hover {
    width: 100% !important;
    float: left;
    position: relative !important;
    border: none !important;
}

.address-picklist {
    box-shadow: none;
    box-sizing: border-box;
    max-height: 206px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    border: solid 1px #c3c3c3 !important;
}

.use-address-entered {
    height: 35px !important;
    background: blue !important;
    color: #fff !important;
    line-height: 35px !important;
    padding: 0 20px !important;
}

.search-again-link {
    margin-top: 20px;
    float: left;
}


.select-membership .entity-form .tab.clearfix:nth-child(2),
.select-membership .entity-form .clearfix .control .tab.clearfix {
    display: none;
}

.use-address-entered em {
    font-style: normal !important;
}

.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(3) .clearfix .control #scg_expirymonthyear,
.payment .entity-form .tab .tab-column:nth-child(2) {
    display: none;
}

.payment .crmEntityFormView,
.payment .payButton {
    width: 100%;
    margin: 0 auto;
}

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(3) {
        width: 50% !important;
        float: left;
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) {
        width: 100%;
        float: left;
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(8) {
        width: 100%;
        float: left;
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(3) .clearfix .control select#month,
    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(3) .clearfix .control select#year {
        float: left;
        width: calc(50% - 5px);
        height: 35px;
        margin-right: 5px;
        background-color: #fff;
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) .clearfix #scg_cvvnumber {
        width: 75px;
        /*margin-left: 15px;*/
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(8) .clearfix #scg_bsb {
        width: 75px;
        /*margin-left: 15px;*/
    }


/*.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) .clearfix .info,
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) .clearfix .control{
	margin-left: 15px;
}*/


section.select-membership.payment {
    width: 100%;
    margin: 0;
}

    section.select-membership.payment .actions {
        width: 100%;
        height: 40px;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%); /* IE 9 */
        -webkit-transform: translateX(-50%); /* Chrome, Safari, Opera */
        transform: translateX(-50%);
        border: none;
        padding: 0;
        margin: 30px 0;
    }

.payment .crmEntityFormView .entity-form .actions .btn.btn-primary {
    float: left;
}



.form .tab tbody tr td.cell .info,
.form .tab tbody tr td.cell .control,
.entity-form .tab tbody tr td.cell .control {
    width: 100%;
}

    .form .tab tbody tr td.cell .info label:after,
    .entity-form .tab tbody tr td.cell .info label:after {
        content: "*";
        color: #6E6F71;
        top: -3px;
        left: 3px;
        position: relative;
    }

.entity-form .tab tbody tr td.cell .info label#scg_parentcompany_label:after,
.entity-form .tab tbody tr td.cell .info label#scg_cvvnumber_label:after,
.entity-form .tab tbody tr td.cell .info label#jobtitle_label:after {
    display: none;
}

.form .tab tbody tr td.cell .info label,
.entity-form .tab tbody tr td.cell .info label {
    font-size: 14px;
    line-height: 18px;
    color: #6E6F71;
    font-weight: 400;
}

.form .tab tbody tr td.cell .control input,
.entity-form .tab tbody tr td.cell .control input:not([type="radio"]) {
    background: #fff;
}

/*.entity-form .tab tbody tr td.cell.boolean-radio-cell .control input[type="radio"]{
	-webkit-background: #6E6F71;
    -webkit-border: solid 1px #808080;

}*/

/* Safari 6.1-7.0 */
/*@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-color-index:0)
{  
   .entity-form .tab tbody tr td.cell.boolean-radio-cell .control input[type="radio"] {(;

      background: #6E6F71;
    border: solid 1px #808080;

    );}
}*/

.select-membership .entity-form .clearfix .control .tab.clearfix .info label:after {
    display: none;
}

.select-membership .entity-form .clearfix .control input.invalid:before {
    display: inline-block;
    content: "Enter a valid email ID";
    color: red;
    position: relative;
    float: left;
    width: 100%;
    height: 20px;
}

section.select-membership .form .clearfix,
section.select-membership .form .clearfix fieldset,
.entity-form .tab tbody tr td.cell .control .address-picklist-container,
.entity-form .tab tbody tr td.cell .control .address-picklist-container .address-picklist,
.entity-form .tab tbody tr td.cell .control .address-picklist-container .use-address-entered,
.select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column,
.select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column fieldset,
.select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column > div {
    margin: 0 !important;
    float: left;
}

.select-membership .entity-form .clearfix .control.customAddress .tab.clearfix {
    background: #f5f5f5;
    padding: 20px;
    border: solid 1px #c3c3c3;
    margin: 0 !important;
}

.select-membership .entity-form .clearfix .control .tab.clearfix table td:first-child,
.select-membership .entity-form .clearfix .control .tab.clearfix table td:nth-child(2) {
    padding: 0;
}

.select-membership .entity-form .clearfix .control .tab.clearfix button#btnDone {
    height: 35px;
    width: 100% !important;
    background: blue !important;
    color: #fff;
    line-height: 35px;
    padding: 0 20px;
    border: none;
}

/*section.select-membership .form .tab-column fieldset table tbody tr:nth-child(3),
section.select-membership.selectedPlatinum .form .tab-column fieldset table tbody tr:nth-child(4),
 {
    height: 340px;
}*/

.control.customAddress .tab-column {
    float: left;
    padding-top: 30px;
}

.select-membership .entity-form > .tab[data-name="Tab3_summary"] > .tab-column > div > fieldset > table[data-name="Tab1_summary_section_4"] > tbody > tr:nth-child(3),
section.select-membership.selectedPlatinum .form .tab-column fieldset table tbody tr:nth-child(4) {
    height: 340px;
}

.select-membership .entity-form > .tab[data-name="Tab3_summary"] > .tab-column > div > fieldset > table[data-name="Tab1_summary_section_4"] > tbody > tr:nth-child(3),
section.select-membership.selectedSAPlatinum .form .tab-column fieldset table tbody tr:nth-child(4) {
    height: 340px;
}

section.select-membership.selectedPlatinum .entity-form > .tab[data-name="Tab3_summary"] > .tab-column > div > fieldset > table[data-name="Tab1_summary_section_4"] > tbody > tr:nth-child(3),
section.select-membership.selectedPlatinum .form .tab-column fieldset .bootstrap-datetimepicker-widget table tbody tr:nth-child(4) {
    height: auto;
}

section.select-membership.selectedSAPlatinum .entity-form > .tab[data-name="Tab3_summary"] > .tab-column > div > fieldset > table[data-name="Tab1_summary_section_4"] > tbody > tr:nth-child(3),
section.select-membership.selectedSAPlatinum .form .tab-column fieldset .bootstrap-datetimepicker-widget table tbody tr:nth-child(4) {
    height: auto;
}

section.select-membership.selectedPlatinum .form .tab-column fieldset table tbody tr:nth-child(3) {
    height: auto;
}

section.select-membership.selectedSAPlatinum .form .tab-column fieldset table tbody tr:nth-child(3) {
    height: auto;
}

section.select-membership .form .tab-column .control fieldset table tbody tr:nth-child(3) {
    height: auto !important;
}

.select-membership .entity-form .tab.clearfix:nth-child(2) {
    display: none;
}

/*--Display of ClientSide Validation--*/
.form .tab tbody tr td.cell .info .validators,
.entity-form .tab tbody tr td.cell .info .validators,
section.select-membership .actions input.btn.btn-primary {
    display: none;
}

section.row.select-membership {
    position: relative;
    margin: 0;
}

section.select-membership #check-validation {
    float: left;
    position: relative;
    bottom: 0;
}

/*
.row.select-membership.payment #check-validation{
	position: relative;
    left: calc(50% - 135px);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0;
    bottom: 20px;
}


.row.select-membership #check-validation{
	position: absolute;
	right: 0;
    margin-top: -250px;
}
*/


input.invalid,
textarea.invalid,
select.invalid {
    border: 1px solid red !important;
}

/*#scg_title {
    width: 70px;
}*/

/*-To hide first blank option in this dropdown-*/
select#scg_title option:first-child {
    display: none;
}


label#birthdate_label,
label#mobilephone_label,
label#telephone1_label,
label#scg_physicaladdress_label,
label#scg_accountname_label
label#scg_accountnumber_label
label#scg_bsb_label
label#scg_nameoncard_label,
label#scg_creditcardnumber_label,
label#scg_expirymonthyear_label {
    height: 18px;
    position: relative;
    text-indent: -9999px;
}

    label#birthdate_label:before,
    label#mobilephone_label:before,
    label#telephone1_label:before,
    label#scg_physicaladdress_label:before,
    label#scg_nameoncard_label:before,
    label#scg_creditcardnumber_label:before,
    label#scg_expirymonthyear_label:before,
    label#scg_accountnumber_label:before,
    label#scg_bsb_label:before,
    label#scg_accountname_label:before {
        position: absolute;
        top: 0;
        width: 100%;
        white-space: nowrap;
        text-indent: 9999px;
    }

    label#birthdate_label:before {
        content: "Date of Birth *";
    }

    label#mobilephone_label:before {
        content: "Mobile *";
    }

    label#telephone1_label:before {
        content: "Phone (W)";
    }

    label#scg_physicaladdress_label:before {
        content: "Address *";
    }

label#scg_nameoncard_label:before {
    content: "Card Holder Name";
}

label#scg_creditcardnumber_label:before {
    content: "Card Number";
}

label#scg_expirymonthyear_label:before {
    content: "Expiration Date";
}

label#scg_accountname_label:before {
    content: "Account Name";
}

label#scg_accountnumber_label:before {
    content: "Account Number";
}

label#scg_bsb_label:before {
    content: "BSB";
}


/*.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(5),
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(6),
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(7),
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(8),
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(9),
.select-membership.payment .input-group .input-group-btn{
	display: none !important;
}*/

.select-membership .crmEntityFormView .tab .tab-column tbody tr:nth-child(n+9),
.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(n+9) {
    // display: none !important;
}

/*.select-membership.selectedPlatinum .crmEntityFormView .tab .tab-column tbody tr:nth-child(n+4),*/

.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) {
    // display: block !important;
}

section.select-membership.payment .actionButton {
    width: 100%;
}

.select-membership .entity-form .clearfix .control .tab.clearfix table td > div.info {
    display: none;
}

/*---Start Validation Messages for mandatory feilds---*/

#liquid_form .tab-column .control .errorMessage,
#liquid_form .tab-column .control .errorMessageAge {
    float: left;
    width: inherit;
    text-align: right;
}


    #liquid_form .tab-column .control .errorMessage:before,
    #liquid_form .tab-column .control .errorMessageAge:before {
        font-size: 12px;
        color: #DB5454;
    }



/*---Start Valiation Messages for Payment page--*/
#liquid_form .tab-column .control #scg_nameoncard + .errorMessage:before {
    content: "Enter a valid Name";
}

#liquid_form .tab-column .control #scg_creditcardnumber + .errorMessage:before {
    content: "Enter a valid Card Number";
}

#liquid_form .tab-column .control #scg_cvvnumber + .errorMessage {
    text-align: left;
}

    #liquid_form .tab-column .control #scg_cvvnumber + .errorMessage:before {
        content: "Enter a valid CVV Number";
    }

#liquid_form .tab-column .control #month + .errorMessage:before {
    text-align: left;
    content: "Enter valid card expiration details";
}

#liquid_form .tab-column .control #year + .errorMessage {
    text-align: left;
}

    #liquid_form .tab-column .control #year + .errorMessage:before {
        content: "Enter valid card expiration details";
    }



#liquid_form .tab-column .control #scg_accountname + .errorMessage:before {
    content: "Enter a valid Name";
}

#liquid_form .tab-column .control #scg_accountnumber + .errorMessage:before {
    content: "Enter a valid Account Number";
}



#liquid_form .tab-column .control #scg_bsb + .errorMessage:before {
    content: "Enter a valid BSB";
}

/*--End Valiation Messages for Payment page--*/


/*---Start Valiation Messages for Application From page--*/
#liquid_form .tab-column .control #scg_title + .errorMessage:before {
    content: "Choose a valid Title";
}

#liquid_form .tab-column .control #scg_title + .errorMessage {
    text-align: left;
}

#liquid_form .tab-column .control #firstname + .errorMessage:before {
    content: "Enter a valid First Name";
}

#liquid_form .tab-column .control #lastname + .errorMessage:before {
    content: "Enter a valid Last Name";
}

#liquid_form .tab-column .control .datetimepicker + .errorMessage:before {
    content: "Enter a Date of Birth";
}

#liquid_form .tab-column .control .datetimepicker + .errorMessageAge:before {
    content: "Enter a valid Date of Birth";
}

#liquid_form .tab-column .control #emailaddress1 + .errorMessage:before {
    content: "Enter a valid Email address";
}

#liquid_form .tab-column .control #mobilephone + .errorMessage:before {
    content: "Enter a valid Mobile Number";
}

#liquid_form .tab-column .control #scg_physicaladdress + div + .errorMessage:before {
    content: "Enter address";
}
/*--End Valiation Messages for Application From page--*/


/*---End Validation Messages for mandatory feilds---*/




/*Start CSS for Child Enrollment*/
label#scg_medication_label:after,
label#scg_allergies_label:after,
label#scg_emergencycontactphoneh_label:after,
label#scg_emergencycontactphonew_label:after {
    display: none;
}

.file-upload-input + button + .errorMessage:before {
    content: "Upload Immunization proof";
}

.file-upload-input + button + .errorMessage {
    top: 5px;
    position: relative;
    font-size: 12px;
    color: #DB5454;
    width: calc(100% - 120px);
    text-align: right;
}

.child-enrollment-form #AttachFileLabel:after {
    content: "*";
}

#scg_emergencycontactname + .errorMessage:before {
    content: "Enter Emergency Contact Name";
}

#scg_emergencycontactphonem + .errorMessage:before {
    content: "Enter Emergency Contact Phone";
}

section.child-enrollment #scg_physicaladdress {
    margin-bottom: 10px;
}

.child-enrollment-form .entity-form .clearfix .control .tab.clearfix table td:first-child,
.child-enrollment-form .entity-form .clearfix .control .tab.clearfix table td:nth-child(2) {
    padding: 0;
}

.child-enrollment-form .entity-form .clearfix .control .tab.clearfix table td > div.info {
    display: none;
}

/* End CSS for Child Enrollment*/

section.select-membership #cardExpiration #EntityFormPanel {
    margin: 0 auto;
}

@media (min-width: 768px) {

    section.select-membership #check-validation {
        float: right;
        position: relative;
        bottom: 242px;
    }

    section.select-membership.payment #check-validation {
        float: left;
        position: relative;
        bottom: 0;
    }

    .select-membership .entity-form .clearfix .control .tab.clearfix table td:first-child,
    .child-enrollment-form .entity-form .clearfix .control .tab.clearfix table td:first-child {
        padding: 0 10px 10px 0;
    }

    .select-membership .entity-form .clearfix .control .tab.clearfix table td:nth-child(2),
    .child-enrollment-form .entity-form .clearfix .control .tab.clearfix table td:nth-child(2) {
        padding: 0 0 0 10px;
    }

    section.select-membership .form .clearfix,
    section.select-membership .form .clearfix fieldset,
    .entity-form .tab tbody tr td.cell .control .address-picklist-container,
    .entity-form .tab tbody tr td.cell .control .address-picklist-container .address-picklist,
    .entity-form .tab tbody tr td.cell .control .address-picklist-container .use-address-entered,
    .select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column,
    .select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column fieldset,
    .select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column > div {
        float: none;
    }

    @supports (-ms-ime-align:auto) {
        .select-membership .entity-form .clearfix .control.customAddress .tab.clearfix .tab-column fieldset {
            width: 100% !important;
        }

        .select-membership .text.form-controlhide {
            display: none;
        }
    }

    _:-ms-fullscreen, :root .select-membership .text.form-controlhide {
        display: none;
    }
    /* IE11 */

    .payment .crmEntityFormView,
    .payment .payButton {
        width: 370px;
        margin: 0 auto;
    }

    section.select-membership.payment .actionButton {
        width: 370px;
        margin: 0 auto;
    }

    section.select-membership.payment .actions {
        width: 100%;
    }

    .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) {
        width: 50% !important;
        float: left;
    }

        /*.payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) td {
        margin-left: 20px !important;
    }*/

        .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) .clearfix #scg_cvvnumber {
            width: 50%;
            margin-left: 15px;
        }

        .payment .crmEntityFormView .tab .tab-column tbody tr:nth-child(4) label#scg_cvvnumber_label {
            margin-left: 15px;
        }
}


@media (min-width: 1200px) {
}

.select-membership .crmEntityFormView .tab .tab-column .datepicker tbody tr:nth-child(n+5) {
    display: table-row !important;
}