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

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

.tnaJoinSite .PrivateDetails, .tnaJoinSite .additionalDetails { font: 28px/28px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
.tnaJoinSite .bottomBoxSubTitle { font: 25px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
.tnaJoinSite .lblOTPPart h2 { font: 34px/34px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
.tnaJoinSite .customerSupport, .tnaJoinSite .internetSupport { padding-right: 0px; padding-left: 16px; }
.tnaJoinSite .birthYear { margin-left: 0px; }
.tnaJoinSite .radioSpacingElements { margin-left: 0px; margin-right: 10px; }
.tnaJoinSite .idmodeRadioButtons label { font-size: 15px; margin-right: 0px; }
.tnaJoinSite .birthDayArea { direction: rtl; text-align: left; }
.tnaJoinSite .sendButton { text-align: right; }
.tnaJoinSite .titlesPart h1 { text-align: center; }
.tnaJoinSite .birthYearDdl { padding-left: 25px; }
.tnaJoinSite .birthMonthDdl { padding-left: 17.5px; padding-right: 10px; }
.tnaJoinSite .tbAccountNumber { padding-left: 10px; padding-right: 17.5px; }
.tnaJoinSite .tbBranchNumber { padding-right: 10px; padding-left: 17.5px; }
.tnaJoinSite .btnsStep input[type=submit] { margin-left: 0px; }
.tnaJoinSite .btnsStepFinishNavJoinSite input[type=submit] { width: 100%; }
.tnaJoinSite .passAlert { left: -10px; }
.tnaJoinSite .passInputs { padding-right: 30px; padding-left: 10px; }
.tnaJoinSite input[type=text], .tnaJoinSite input[type=password], .tnaJoinSite input[type=number], .tnaJoinSite input[type=tel] { font-size: 16px; }
.tnaJoinSite .ddlPhones select { background-position: calc(100% - 2px) center; padding-left: 0px; padding-right: 15px; }

.tnaJoinSite .tbUserID.error:before { left: auto; top: 9px; right: 1%; }
.tnaJoinSite .tbUserID.valid:after { top: 22px; left: auto; right: 0px; }
.tnaJoinSite .tbUserIdentityNumber.error:before { left: auto; top: 9px; right: 1%; }
.tnaJoinSite .tbUserIdentityNumber.valid:after { top: 22px; left: auto; right: 0px; }
.tnaJoinSite .tbAccountNumber.error:before { top: 9px; left: auto; right: 9%; }
.tnaJoinSite .tbAccountNumber.valid:after { top: 22px; left: auto; right: 17px; }
.tnaJoinSite .tbBranchNumber.error:before { top: 9px; left: auto; right: 9%; }
.tnaJoinSite .tbBranchNumber.valid:after { top: 22px; left: auto; right: 10px; }
.tnaJoinSite .tbCreditCardIDWrap.error:before { left: auto; top: 9px; right: 1%; }
.tnaJoinSite .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 0px; }
.tnaJoinSite .otpTextBox.error:before { left: auto; top: 9px; right: 4%; }
.tnaJoinSite .otpTextBox.valid:after { left: auto; top: 25px; right: 3%; }
.tnaJoinSite .txtCaptcha.error:before { left: auto; right: 1%; top: 9px; }
.tnaJoinSite .txtCaptcha.valid:after { top: 22px; left: auto; right: 0px; }
.tnaJoinSite .internetSupport .titles, .tnaJoinSite .customerSupport .titles { margin-right: 0px; margin-left: 15px; }

@media (min-width: 768px) {

    .tnaJoinSite input[type=text], .tnaJoinSite input[type=password], .tnaJoinSite input[type=number], .tnaJoinSite input[type=tel] { font-size: 20px; }
    .tnaJoinSite .TopBanner { padding-top: 15px; }
    .tnaJoinSite .TopBanner .txtTop { font: 43px/43px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
    .tnaJoinSite .TopBanner .txtBottom { font: 51px/51px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }

    .tnaJoinSite .btnsStepFinishNavJoinSite input[type=submit] { width: 222px; }
    .tnaJoinSite .titlesPart h1 { text-align: left; }
    .tnaJoinSite .lblIdmodeRadioButtons { margin-bottom: 0px; }

    .tnaJoinSite .btnsStep { text-align: right; }
    .tnaJoinSite .UserName { margin-bottom: 34px; }
    .tnaJoinSite .idmodeRadioButtons label { font-size: 15px; margin-left: 2px; }
    .tnaJoinSite .spacingLeft { padding-left: 10px; padding-right: 30px; }
    .tnaJoinSite .Birth { padding-left: 10px; padding-right: 30px; }
    .tnaJoinSite .bottomBanners { padding: 0 40px 0 40px; }
    .tnaJoinSite .bottomBoxSubTitle { font: 35px/40px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }
    .tnaJoinSite .CustomerSupportTel { direction: rtl; text-align: left; }


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

    .tnaJoinSite .tbCreditCardIDWrap { padding-left: 10px; }
    .tnaJoinSite .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; }
    .tnaJoinSite .tbUserID.error:before { left: auto; right: 1%; }
    .tnaJoinSite .tbUserID.valid:after { left: auto; right: 0px; }
    .tnaJoinSite .tbUserIdentityNumber.error:before { left: auto; right: 1%; }
    .tnaJoinSite .tbBranchNumber.error:before { left: auto; right: 10%; }
    .tnaJoinSite .tbAccountNumber.error:before { right: 11%; }
    .tnaJoinSite .tbAccountNumber.valid:after { left: auto; right: 16px; }
    .tnaJoinSite .tbCreditCardIDWrap.error:before { left: auto; top: 9px; right: 50%; }
    .tnaJoinSite .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 324px; }
    .tnaJoinSite .otpTextBox.error:before { left: auto; top: -10px; right: 51%; }
    .tnaJoinSite .otpTextBox.valid:after { left: auto; top: 5px; right: 50%; }
     .btn-question {top:0;}
}

@media (min-width: 992px) {
    .tnaJoinSite .internetSupport .titles, .tnaJoinSite .customerSupport .titles { margin-right: 0px; margin-left: 10px; }
    .tnaJoinSite .TopBanner { padding-top: 54px; }
    .tnaJoinSite .TopBanner .txtTop { font: 50px/50px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
    .tnaJoinSite .TopBanner .txtBottom { font: 90px/95px 'RobotoSlab-Bold', Arial, Helvetica, sans-serif; }
    #s4-bodyContainer.bg-reset { background-size: auto auto; }
    .tnaJoinSite .idmodeRadioButtons label { font-size: 18px; }
    .tnaJoinSite .bottomBanners { padding: 0; }
    .tnaJoinSite .tbCreditCardIDWrap.valid:after { left: auto; top: 22px; right: 320px; }
}

/*step2*/
.tnaJoinSite .btnsStepTwo { text-align: right; }
.tnaJoinSite .CancelStepTwo { text-align: left; }
.tnaJoinSite .deliveryItemTitle input { margin-left: 0px; margin-right: 5px; }
.tnaJoinSite .ddlPhoneWrapper select { background-position: calc(100% - 0px) center; padding: 0 17px 5px 0; }

/*step3*/
.tnaJoinSite .SuccessMessage .passConfirmMsgText { font: 30px 'RobotoSlab-Regular', Arial, Helvetica, sans-serif; }

@media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px) {
    .tnaJoinSite .internetSupport .titles, .tnaJoinSite .customerSupport .titles { margin-right: 0px; margin-left: 0px; }
   
}

@media (max-width:417px) {
 /*   .wizardResetPassword .ltrAgreeVoiceOTP { width: 150px; }
    .wizardResetPassword .AgreeVoiceOTPWrapper{width:100%;}*/
 .btn-question {left:auto;top:auto;}
}