.wizardResetPassword .MainTitle { font: 28px/28px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
.wizardResetPassword .girl { background: url(/Style%20Library/boj/images/TNA/pic_female_english.png) no-repeat; }

/*progressSteps*/
.wizardResetPassword .progressSteps .stepCircle { font-family: 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; font-size: 18px; }
.wizardResetPassword .progressSteps li.active .stepCircle { font-size: 34px; }
.wizardResetPassword .progressSteps .stepTitle { font-family: 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; font-size: 16px; }
.wizardResetPassword .progressSteps li.active .stepTitle { font-family: 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; font-size: 20px; }

.wizardResetPassword .PrivateDetails, .wizardResetPassword .chooseNewPassword { font: 28px/28px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
.wizardResetPassword .bottomBoxSubTitle { font: 25px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
.wizardResetPassword .lblOTPPart h2 { font: 34px/34px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
.wizardResetPassword .customerSupport, .wizardResetPassword .internetSupport { padding-right: 0px; padding-left: 16px; }
.wizardResetPassword .birthYear { margin-left: 0px; }
.wizardResetPassword .radioSpacingElements { margin-left: 0px; margin-right: 10px; }
.wizardResetPassword .idmodeRadioButtons label { font-size: 15px; margin-right: 0px; }
.wizardResetPassword .birthDayArea { direction: rtl; text-align: left; }
.wizardResetPassword .sendButton { text-align: right; }
.wizardResetPassword .titlesPart h1 { text-align: center; }
.wizardResetPassword .birthYearDdl { padding-left: 25px; }
.wizardResetPassword .birthMonthDdl { padding-left: 17.5px; padding-right: 10px; }
.wizardResetPassword .tbAccountNumber { padding-left: 10px; padding-right: 17.5px; }
.wizardResetPassword .tbBranchNumber { padding-right: 10px; padding-left: 17.5px; }
.wizardResetPassword .btnsStep input[type=submit] { margin-left: 0px; }
.wizardResetPassword .btnsStepFinishNavResetPassword input[type=submit] { width: 100%; }
.wizardResetPassword .passAlert { left: -10px; }
.wizardResetPassword .passInputs { padding-right: 30px; padding-left: 10px; }
.wizardResetPassword input[type=text], .wizardResetPassword input[type=password], .wizardResetPassword input[type=number], .wizardResetPassword input[type=tel] { font-size: 16px; }
.wizardResetPassword .ddlPhones select { background-position: calc(100% - 0px) center; padding-left: 0px; padding-right: 15px; }
.wizardResetPassword .tbUserID.error:before { left: auto; top: 9px; right: 1%; }
.wizardResetPassword .tbUserID.valid:after { top: 22px; left: auto; right: 0px; }
.wizardResetPassword .tbUserIdentityNumber.error:before { left: auto; top: 9px; right: 1%; }
.wizardResetPassword .tbUserIdentityNumber.valid:after { top: 22px; left: auto; right: 0px; }
.wizardResetPassword .tbAccountNumber.error:before { top: 9px; left: auto; right: 7%; }
.wizardResetPassword .tbAccountNumber.valid:after { top: 22px; left: auto; right: 17px; }
.wizardResetPassword .tbBranchNumber.error:before { top: 9px; left: auto; right: 6%; }
.wizardResetPassword .tbBranchNumber.valid:after { top: 22px; left: auto; right: 10px; }
.wizardResetPassword .tbCreditCardIDWrap.error:before { left: auto; top: 9px; right: 1%; }
.wizardResetPassword .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 0px; }
.wizardResetPassword .otpTextBox.error:before { left: auto; top: 9px; right: 4%; }
.wizardResetPassword .otpTextBox.valid:after { left: auto; top: 25px; right: 3%; }
.wizardResetPassword .txtCaptcha.error:before { left: auto; right: 1%; top: 9px; }
.wizardResetPassword .txtCaptcha.valid:after { top: 22px; left: auto; right: 0px;}

/*.wizardResetPassword .AgreeVoiceOTPWrapper {width:545px;}
.wizardResetPassword .ltrAgreeVoiceOTP {width:485px;}*/

.wizardResetPassword .tbPassword.error:before, .wizardResetPassword .tbPasswordConfirm.error:before { top: 9px; left: auto; right: 0%; }
.wizardResetPassword .tbPassword.valid:after, .wizardResetPassword .tbPasswordConfirm.valid:after { top: 22px; left: auto; right: 0px; }
 .wizardResetPassword .internetSupport .titles, .wizardResetPassword .customerSupport .titles { margin-right: 0px; margin-left: 15px; }
@media (min-width: 768px) {
   
    .wizardResetPassword input[type=text], .wizardResetPassword input[type=password], .wizardResetPassword input[type=number], .wizardResetPassword input[type=tel] { font-size: 20px; }
    .wizardResetPassword .TopBanner { padding-top: 15px; }
    .wizardResetPassword .TopBanner .txtTop { font: 43px/43px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
    .wizardResetPassword .TopBanner .txtBottom { font: 51px/51px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }

    .wizardResetPassword .btnsStepFinishNavResetPassword input[type=submit] { width: 222px; }
    .wizardResetPassword .titlesPart h1 { text-align: left; }
    .wizardResetPassword .lblIdmodeRadioButtons { margin-bottom: 0px; }
    .wizardResetPassword .btnsStep { text-align: right; }
    .wizardResetPassword .UserName { margin-bottom: 34px; }
    .wizardResetPassword .idmodeRadioButtons label { font-size: 15px; margin-left: 2px; }
    .wizardResetPassword .spacingLeft { padding-left: 10px; padding-right: 30px; }
    .wizardResetPassword .Birth { padding-left: 10px; padding-right: 30px; }
    .wizardResetPassword .bottomBanners { padding: 0 40px 0 40px; }
    .wizardResetPassword .bottomBoxSubTitle { font: 35px/40px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
    .wizardResetPassword .CustomerSupportTel { direction: rtl; text-align: left; }


    /*progressSteps*/
    .wizardResetPassword .progressSteps li:nth-child(1) { padding-right: 0; padding-left: 11px; }
    .wizardResetPassword .progressSteps li:nth-child(3) { padding-left: 0; padding-right: 10px; }
    .wizardResetPassword .progressSteps li:nth-child(1) .stepText { right: auto; left: 0; }
    .wizardResetPassword .progressSteps li:nth-child(2) .stepText { right: 35%; left: 35%; }
    .wizardResetPassword .progressSteps li:nth-child(3) .stepText { right: 0; left: auto; }
    .wizardResetPassword .progressSteps .stepCircle { font-size: 24px; }
    .wizardResetPassword .progressSteps li.active .stepCircle { font-size: 40px; }

    .wizardResetPassword .lblRandomQuestion { margin-left: 0px; }
    #s4-bodyContainer.bg-reset { background: url("/Style%20Library/boj/images/tna/main_pic_english.jpg") no-repeat scroll center 36px transparent; background-size: auto 200px; }
    .wizardResetPassword .tbUserID.error:before { left: auto; right: 2%; }
    .wizardResetPassword .tbUserID.valid:after { left: auto; right: 0px; }
    .wizardResetPassword .tbUserIdentityNumber.error:before { left: auto; right: 1%; }
    .wizardResetPassword .tbBranchNumber.error:before { left: auto; right: 9%; }
    .wizardResetPassword .tbAccountNumber.error:before { right: 10%; }
    .wizardResetPassword .tbAccountNumber.valid:after { left: auto; right: 16px; }
    .wizardResetPassword .tbCreditCardIDWrap.error:before { left: auto; top: 9px; right: 51%; }
    .wizardResetPassword .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 324px; }
    .wizardResetPassword .otpTextBox.error:before { left: auto; top: -10px; right: 51%; }
    .wizardResetPassword .otpTextBox.valid:after { left: auto; top: 5px; right: 50%; }
    /*.wizardResetPassword .AgreeVoiceOTPWrapper {width:545px;}
    .wizardResetPassword .ltrAgreeVoiceOTP {width:485px;}*/
    .btn-question {top:0;}
}

@media (min-width: 992px) {
    .wizardResetPassword .internetSupport .titles, .wizardResetPassword .customerSupport .titles { margin-right: 0px; margin-left: 10px; }
    #s4-bodyContainer.bg-reset { background-size: auto auto; }

    .wizardResetPassword .TopBanner { padding-top: 54px; }
    .wizardResetPassword .TopBanner .txtTop { font: 50px/50px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
    .wizardResetPassword .TopBanner .txtBottom { font: 90px/95px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }

    .wizardResetPassword .idmodeRadioButtons label { font-size: 18px; }
    .wizardResetPassword .bottomBanners { padding: 0; }

    .wizardResetPassword .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 320px; }
}

/*step2*/
.wizardResetPassword .passAlert ul { padding-left: 2px; padding-right: 0px; margin: 0 !important; list-style: none; }
.wizardResetPassword .passAlert li { margin-left: 13px; margin-right: 0px; }
.wizardResetPassword .passAlert li:before { margin-left: -13px; margin-right: 0px; }
.wizardResetPassword .btnsStepTwo { text-align: right; }
.wizardResetPassword .CancelStepTwo { text-align: left; }

/*step3*/
.wizardResetPassword .loginPasswordOK .passConfirmMsgText { font: 35px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
.wizardResetPassword .loginPasswordOK .passConfirmMsgAlert li { margin-left: 13px; }
.wizardResetPassword .loginPasswordOK .passConfirmMsgAlert li:before { margin-left: -13px; }
.wizardResetPassword .loginPasswordOK .passConfirmMsgAlert ul { padding-left: 0px; }

@media (min-width: 768px) {
    .wizardResetPassword .loginPasswordOK .passConfirmMsgText { font-size: 64px; }
}
@media (max-width:417px) {
 /*   .wizardResetPassword .ltrAgreeVoiceOTP { width: 150px; }
    .wizardResetPassword .AgreeVoiceOTPWrapper{width:100%;}*/
 .btn-question {left:auto;top:auto;}
}