﻿header.ShortHeader {
    min-height:auto; height:64px;
    padding: 20px 0;
}
.wrapper-box.paybilltopspace { display:flex; justify-content:center; margin-top:32px; }
.Registrstepbox { background:#fff; padding:64px; border-radius:8px; }
.titlehead{ font-size:22px; line-height:28px; margin-bottom:8px; }
.step-number.step-5 { width:5% !important; }
span.wizardstepTxt{ position:absolute; left:58px; top:0px; font-family:'Interstate-Bold' !important; color:#1a1a1a; font-weight:normal; font-size:16px; }
span.wizardstepTxt_1 {
    position: absolute;
    left: 55px !important;
    top: 0px;
    font-family: 'Interstate-Bold' !important;
    color: #1a1a1a;
    font-weight: normal;
    font-size: 16px;
}
.modal-body.wizard-content{ padding-top:0px; padding-bottom:0px; }
.wrapperstep{ margin-bottom:8px; }
.wizard-steps-panel{ display:inline-block; width:100%; height:auto; }
.wizard-step h4 { font-size:16px; margin-bottom:8px; line-height:24px; }
.wizard-step span{ font-family:'Interstate-Light'; font-size:16px; line-height:24px; }
.typeAccount{  }
.typeAccount .whtType { font-size:16px; font-family:'Interstate-Bold'; line-height:24px; margin-bottom:8px; font-weight:normal; display:inline-block; width:100%; margin-top:32px; }

.regis_radioboxtop { padding-bottom:14px; }
.regis_radioboxtop span.mdl-radio__label { font-size:16px; line-height:20px; font-family:'Interstate-Regular'; padding-right:32px; padding-left:8px; }

.stepperWrapper .modal-footer > button { height:40px; font-weight:normal; font-size:16px; padding-left:24px; padding-right:24px; border-radius:8px; margin-top:0px; margin-bottom:0px; }
    .stepperWrapper .modal-footer > button.wizard-button-nextBtn, .stepperWrapper .modal-footer > button.wizard-button-finish {
        background:#007A53; color:#fff; border-color:#007A53;
    }
    .stepperWrapper .modal-footer > button.wizard-button-exit, .stepperWrapper .modal-footer > button.wizard-button-back { /*border:solid 1px #007A53;*/ color:#007A53; }
    .stepperWrapper .modal-footer > button.wizard-button-exit1 { border:solid 1px #007A53; color:#007A53; margin-left:0px; margin-right:auto; }
.stepperWrapper .modal-footer{ padding-top:22px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }

.mdl-radio__outer-circle { /*top:2px; left:0; width:20px; height:20px;*/ }
.mdl-radio__inner-circle {
    /*width:10px; height:10px; left:5.5px; top:6.4px;*/
}
.regis_radioboxtop .mdl-radio__outer-circle {
    transform: scale(1.25);
}
.infoMore .mdl-button {
    position:relative;
    top: -4px;
}
.whtType2 {
    margin-bottom: 8px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    margin-top: 32px;
}
div#registration_step_securityCode_Step2 > span {
    padding-bottom: 22px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
}
div#registration_step_securityCode_Step2 h6 {
    padding-top: 22px;
    margin-bottom: 8px !important;
    font-size: 16px;
    font-weight: normal !important;
    font-family: 'Interstate-Bold';
}
div#registration_step_securityCode_Step2 p {
    font-size: 16px;
    font-family: 'Interstate-Light';
    margin-bottom: 10px;
    line-height: 24px;
}
#mobilePhoneSecuritySection { padding-bottom:8px !important; } #emailSecuritySection { padding-bottom:10px !important; }
div#registration_step_2 .pwdtooltip {
    right: -36px;
}
div#registration_step_2 #divpwd .mdl-textfield{ margin-bottom:26px;}
div#registration_step_2 #divpwd div:last-child{ margin-bottom:0px; }

.mdl-textfield__error, #uname_response {
    color: #007A53 !important;
    position: absolute;
    font-size: 12px !important;
    margin-top: 4px !important;
    visibility: visible !important;
    display: block;
    left: 16px;
    font-family: 'Interstate-Regular' !important;
    line-height: 16px !important;
}

.mdl-textfield__error{color:#B3261E !important;}
.tooltip-inner { background:#333333; padding:4px 8px; color:#EFF0F4; }

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #333;
}
.pt-22 { padding-bottom: 22px; display: inline-block; width: 100%; }
.NotifQuery span {
    color: #007A53;
    padding-bottom: 8px;
    display: inline-block;
    width: 100%;
    padding-top: 22px;
}
#registration_step_3 .checkboxarea { padding-bottom:10px; }
#registration_step_3 .checkboxarea span.mdl-checkbox__label {
    font-family: 'Interstate-Regular';
    font-weight: normal;
}



.SectionDisplay {
    flex-wrap: wrap;
    /*align-items: center;*/
    margin: 0 0 0px;
    display: flex;
    border-bottom: solid 1px #E5E5E5; padding:16px;
}

.IconSection {
    display: inline-flex; width:24px;
}

.SectionDisplay .jssText {
    flex: 1;
    /*padding: 25px 0px 15px 0;*/padding:0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 8px;
    border-bottom: 0px solid #ccc;
}

.ListAssign {
    flex-wrap: wrap;
    flex: 1 1;
    display: flex;
}

h5.jssh5 {
    color: #1a1a1a;
    width: 100%;
    margin: 0;
    display: flex;
    font-size: 16px; font-family:'Interstate-Light'; line-height:24px;
}

.jssAddress {
    width: 100%;
    font-size: 14px;
    padding-top: 0px;
    margin-bottom: 0 !important;
    font-style: normal;
    font-weight: normal;
    color: #1a1a1a;
    font-family: 'Interstate-Light'; line-height:24px;
}
#registration_step_4 .checkboxarea span.mdl-checkbox__label {
    font-family: 'Interstate-Regular';
}
#registration_step_4 .checkboxarea span.mdl-checkbox__label a{
    color: #007A53;
    text-decoration: underline;
}
/*success*/
.registerSuccess {
    display: flex;
    width: 100%;
}
.successarea {
    margin: 0 auto; background:#fff; padding:64px; border-radius:8px; text-align:center;
}

    .successarea .successtext {
    }
.successOk{ padding-top:32px; }
.successOk a {
    background:#007A53;
    color:#fff; margin:0px;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #007A53;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -.71rem -1rem -1rem auto;
    font-family: initial;
}
#accepTermCond .modal-body.container {
    padding-left:0px;
}

@media(min-width:1080px) {
    .Registrstepbox{ max-width:592px; }
}

@media(max-width:767px){
    .Registrstepbox{ padding:30px 20px; }
    .mdl-radio__inner-circle {
        /*left:5.5px; top:6.5px;*/
    }
}