.onboard-container{
    height: 632px;
    width: 360px;
    margin:auto;
}
.start-onboarding {
    color: #000000;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 40px;
    margin-top: 40px;
}
.onboarding-is-mandat {
    color: #55585A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    width: 408px;
}
.onboard-img{
    width: 100%;
}
.user-card-container{
    width: 416px;
}
.bank-user-card{
    margin-bottom: 16px;
    cursor: pointer;
    height: 128px;
}
.bank-user-card-disabled{
    margin-bottom: 16px;
    cursor: not-allowed;
    height: 128px;
    background-color: #e9ecef;
}
#password-field:disabled{
    background-color: #ffffff !important;
}
#js-unlock-user-flow .onboard-steps-container{
    padding-bottom: 30px;
}
#js-unlock-user-flow .center-btn .back-button,
#js-forgot-password-flow .center-btn .back-button,
#js-new-user-first-step .center-btn .back-button {
  width: 220px;
  margin-right: 10px;
}
#js-unlock-user-flow .center-btn #js-continue-button-unlock-user,
#js-forgot-password-flow .center-btn #js-continue-button-forgot-password,
#js-new-user-first-step .center-btn #js-continue-button-new-user {
    width: 220px;
    margin-left: 10px;
}
#js-unlock-user-flow .onboard-steps-header {
    padding: 32px 0 24px 80px;
}
#js-unlock-user-flow .onboard-steps-content {
    margin: 32px 80px 3px 80px;
    padding: 0!important;
}
#js-unlock-user-flow .info-container {
    padding: 0 !important;
    margin: 23px 80px 32px 80px;
}
#js-unlock-user-progress-bar .step-label{
    width: 525px;
}
#js-unlock-user-progress-bar .circle-line__unlock-user{
    width: 500px;
}
.reset-password-progress-bar .circle-line{
    width: 320px !important;
}
.contact-details__progress-bar--stepper.d-none.d-md-block.reg-progress-bar{
    margin: auto;
    max-width: 570px !important;
}
.reset-password-progress-bar-labels .contact-details__progress-bar--label:nth-child(1){
    margin-left: 0px !important;
}
.reset-password-progress-bar-labels .contact-details__progress-bar--label:nth-child(2){
    margin-left: -20px !important;
}
.reset-password-progress-bar-labels .contact-details__progress-bar--label:nth-child(3){
    margin-left: -47px !important;
}
.reset-password-progress-bar-labels .contact-details__progress-bar--label:nth-child(4){
    margin-right: 25px !important;
}
#js-forgot-password-options .center-btn .back-button.width-46.back-label{
    width: 220px !important;
    margin-right: 10px;
}
#js-forgot-password-options .center-btn #js-forgot-unlock-password-button{
    width: 220px !important;
    margin-left: 10px;
}
#js-forgot-password-options .center-btn{
    display: block;
    text-align: left !important;
    width: 600px;
}
.existingUserInfo{
    color: #56585a;
    margin-bottom: 20px;
}
#newUserSuccessForm #emailFieldContainer #workEmail,
#newUserSuccessForm #mobileFieldContainer #mobile {
    border: none !important;
    background-color: #efefef !important;
}
#newUserSuccessForm #dropdownMenuCountryCode {
    border-right: 1px solid #CBCBCB !important;
}
#new-use-success-button .d-flex.justify-content-center.text-decoration-none {
    width: 100%;
    text-align: center;
}
#login-new-user-reg-btn {
    border-color: black;
    width: 212px;
    background-color: #2E3031;
}
#js-resend-new-user-email-container {
    text-align: end;
}
#js-forgot-password-progress-bar .circle-line,
#js-new-user-flow .circle-line {
    width: 320px;
}
#js-forgot-password-progress-bar .process-label-container .step-label:nth-child(1),
#js-new-user-flow .process-label-container .step-label:nth-child(1) {
    width: 320px;
}
#js-forgot-password-progress-bar .process-label-container .step-label:nth-child(2),
#js-new-user-flow .process-label-container .step-label:nth-child(2){
    width: 370px;
}
#js-forgot-password-progress-bar .process-label-container .step-label:nth-child(3),
#js-new-user-flow .process-label-container .step-label:nth-child(3) {
    width: 355px;
}
#js-forgot-password-progress-bar .process-label-container .step-label:nth-child(4),
#js-new-user-flow .process-label-container .step-label:nth-child(4) {
    width: 60px !important;
}
@media (min-width:1281px) {

    #password,
    #password-field,
    #username{
        height: 50px;
    }
}
.show-hide-password{
    top: -44px;
}
.registration-content-container{
    max-width: 416px;
}
.card-header-user{
    margin: 16px 20px;
    height: 28px;
    color: #000000;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}
.card-header-user.justify-content-center{
    text-align: center;
}
.card-content-user{
    margin: 0px 20px 15px 20px;
    color: #55585A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}
.arrow{
    height: 24px;
    background-color: rgba(255,255,255,0);
    float: right;
    margin: 5px 0px;
}
.pointer{
    cursor:pointer;
}

.onboard-flow-container{
    margin:auto;
    height: 116px;
}
.onboard-flow-header{
    height: 40px;
    color: #000000;
    font-family: Lato;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    text-align:center;
    margin:40px auto 24px auto;
}
.progress-container{
    height: 52px;
    width: 699px;
}
.stepper-container{
    text-align: center;
}
.outer-circle {
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    height: 14px;
    width: 14px;
    border-radius: 8px;
}
.inner-circle{
    width: 6px;
    height: 6px;
    position: relative;
    top: 3px;
    left: 3px;
    border-radius: 8px;
}
.disable-inner-circle{
    background-color: #CBCBCB;
}
.disable-outer-circle{
    border: 1px solid #CBCBCB;
}
.line{
    display: inline-block;
    position: relative;
    top: -6px;
    height: 1px;
    background-color: #CBCBCB;
}
.circle-line{
    width: 180px;
}
.lg-circle-line{
    width: 276px;
}
.line-inactive{
    background-color :#d3d4de;
}
.process-label-container{
    height: 20px;
    color: #55585A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    margin: auto;
    margin-top: 8px;
    justify-content: space-evenly;
}
.step-label{
    height: 16px;
    width: 6px;
    white-space: nowrap;
    color: #55585A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}
.us-verify{
    margin-left: -2px;
}
.set-password-label{
    margin-left: -54px;
}
.verificationLabel {
    margin-left: 5px;
}
.log-in-label {
    width: 37px;
}
.unlock-log-in-label{
    margin-right: -30px;
}
.onboard-steps-container{
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
    margin-top: 40px;
}
.onboard-steps-header{
    padding: 32px 0 24px 32px;
    color: #000000;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
}
.onboard-steps-content{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 24px 32px 3px 32px;
    border-bottom: 1px solid;
}
#js-forgot-password-flow .onboard-steps-content,
#js-new-user-first-step .onboard-steps-content {
    border: none !important;
}
#js-forgot-password-flow hr,
#js-new-user-first-step hr {
    margin: 25px 80px 25px 80px;
}
#js-forgot-password-flow .plus-icon.d-none.d-md-block,
#js-new-user-first-step .plus-icon.d-none.d-md-block{
    margin-top: 31px;
}
.step-img{
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}
.onboard-step-desc p{
    width: 196px;
    color: #55585A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}
.onboard-step-desc-info-text{
    font-size: 11px;
    color: #55585A;
}
.onboard-step-desc{
    width: 196px;
}
.plus-icon{
    padding: 36px 10px 0px 0px;
    height: 26.53px;
    width: 26.67px;
}
.info-container{
    padding: 23px 32px 32px 32px;
}
.onboard-continue-label{
    height: 40px;
    width: 336px;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    background-color: #2E3031;
    border-radius: 4px;
    border: #000000;
}
.onboard-info-box{
    margin-top: 15px;
    color: #7A7A7A;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}
#js-forgot-password-flow .onboard-info-box{
    margin-top: 32px;
}
.center-btn{
    text-align: center;
}
.font-12{
    font-size: 12px;
}

a {
    text-decoration: none;
}
.onboard-header{
    display: flex;
}
.login-link-color{
    color: #1971C2;
}
@media (max-width:481px)  {
    .onboarding-is-mandat, .user-card-container {
        width: auto;
    }
    .back-button, .next-button  {
        width: 100% !important;
    }
    .next-button {
        margin-top: 20px;
    }

    .onboard-continue-label {
        width: 100%;
    }
    .onboard-steps-header{
        text-align: center;
    }
}

@media (max-width:1024px)  {
    .process-label-container{
        justify-content: space-between;
    }
    .onboard-steps-content{
        flex-direction: column;
        align-items: center;
    }
}
.registration-success__content-container .row.registration-success-btn-container .d-flex.justify-content-center.text-decoration-none {
    width : 100%;
}
.center-opt-progress-bar {
    margin: auto !important;
}
.center-opt-progress-bar .contact-details__progress-bar--label:first-child {
    margin-left: -3px !important;
}
.center-opt-progress-bar .set-password-label {
    margin-left: -42px;
}
.center-opt-progress-bar .contact-details__progress-bar--label:last-child {
    margin-right: 48px !important;
}