/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.03.2019, 15:25:16
    Author     : user
*/
.order-form-inner-step3 .proceeding{
    border: none !important;
}
.order-auth-row-flex{
    display: flex;
    flex-direction: column;
}
.button-account input[type="radio"] + div{
    background: #F5F9FC;
    border-radius: 10px;
    font-size: 14px;
    color: #8B8B8B;
    line-height: 1;
    padding: 23px 18px;
    text-align: center;
}
.button-account input[type="radio"]:checked + div{
    background: linear-gradient(180deg, #4E3D95 0%, #3A2E60 100%);
    color: #fff;
}
.nav-auth-group {
    display: flex;
    margin: 0;
}
.nav-auth-group .button-account {
    width: 50%;
    position: relative;
}
.nav-auth-group .button-account:first-child{
    margin-right: 16px;
}
.button-account input[type="radio"]:checked + div::before {
    content: "";
    position: absolute;
    bottom: -8px;
    display: block;
    width: 14px;
    height: 8px;
    left: 50%;
    margin-left: -7px;
    background: url('https://studdit.com/public/order_form_PH2020/img/arrow-tabs.png') no-repeat;
    background-size: 14px 7px;
}
.order-form-inner-step3 .nav-auth-group {
    margin-bottom: 40px;
}
.order-auth-cell-new, .have-account-user{
    width: 100%;
}
.order-auth-cell-new .order-auth-cell,
.have-account-user .order-auth-cell{
    display: initial;
}
#order-form-inner-v.order-form-inner-step3 .proceeding {
    border: none;
    padding: 0; 
    background: transparent;
    margin-top: 18px;
}
#order-form .order-form-inner-step3 .proceeding .check-t {
    padding: 0 15px 0 0;
}
.order-auth-cell-new .input-pass .password_reg-block,
.have-account-user .input-pass .password_reg-block {
    margin: 0px;
}
#order-form-inner-v.order-form-inner-step3 #password_reg-error {
    margin: 0px;
} 
#order-form-inner-v.order-form-inner-step3 .order-auth-cell-new #password_reg-error{
    bottom: -6px;
}
.pay-wrapper-new{
    margin-bottom: 40px;
    z-index: 2;
    position: relative;
}
.pay-wrapper-new .btn-check{
    width: 100%;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 120px;
    cursor: pointer;
    border: 1px solid #E7E9EC;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
}
.pay-wrapper-new .btn-check:after{
    content: "";
    position: absolute;
    width: 69px;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url("/public/order_form_PH2020/img/pay-wrapper-after-bg.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-left: 1px solid #E7E9EC;
}
.pay-wrapper-new .btn-check:hover {
    border: 1px solid #547DE7;
}
.pay-wrapper-new.disabled-element .btn-check:hover{
    border-color: #DAE7F1;
}
.wrap-payment-img {
    width: 80px;
    padding-right: 0;
    min-height: 66px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.bang-icon-wrapper{
    margin-left: -4px;
    margin-top: 5px;
}

.bang-icon-wrapper > img{
    margin: 0!important;
}
.wrap-payment .button-title {
    margin-left: 25px;
    display: initial;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;    
}
.button-title {
    line-height: normal;
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}
.button-title small{
    line-height: 20px;
    font-size: 12px;
    color: #8B8B8B;
}
.payment-caption{
    padding: 30px 0 20px;
}
.wrap-payment{
    position: relative;
}
.wrap-payment::after {
    content: "";
    position: absolute;
    background: url(/public/order_form_PH2020/img/arrow-right.png) no-repeat center center;
    background-size: 22px 14px;
    width: 23px;
    height: 14px;
    right: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.wrap-payment-img span{
    font-weight: 500;
    font-size: 18px;        
}
.paylater-wrapper-new::before,
.paylater-wrapper-new .nav-splitit span::before{
    display: none;
}    
.pay-wrapper-new.disabled-element {
    opacity: 0.5;
    /*cursor: not-allowed;*/
    /*pointer-events: none;*/
}
.disabled-element button{
    cursor: not-allowed;
}
.summary__wrapper--sidebar.active-summary #tab-3{
    display: none;
}
.have-account-user .link_recovery_password {
    font-size: 14px;
    vertical-align: 1px;
    text-decoration: none;
    display: block;
    line-height: 22px;
    margin: 0 5px;
    position: relative;
    right: 0px;
    top: auto;
    z-index: 9;
    margin: 20px 0 10px;
    color: #392E66;
    text-align: right;
}
.have-account-user .link_recovery_password span{
    color: #392E66;
    text-decoration: underline;
}
.order-form-inner-step3 .logged_box {
    font-size: 14px;
    line-height: 16px;
    color: #3b3b3b;
    padding: 20px 15px;
    text-align: center;
    background: #F5F9FC;
    margin: 15px 0 20px 0;
    border-radius: 10px;
}
.order-form-inner-step3 .logged_box span{
    line-height: 26px;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    padding-right: 15px;
}
.order-form-inner-step3 .logged_box .log-out-but{
    position: relative;
    font-style: normal;
    font-size: 14px;
    text-align: center;
    color: #547DE7;
    width: 120px;
    cursor: pointer;
    height: 40px;
    border: 1px solid #547DE7;
    background: #fff;
    border-radius: 50px;
    background-size: cover;
}
.order-form-inner-step3{
    position: relative;
    z-index: 4;
}
.content-payment-mobile{
    display: none;
}

/*.summary__wrapper--sidebar ~ .order-summary{
    display: none;
}*/

/* recovery password modal */
.recovery-passw-custom .modal-dialog .modal-content{
    box-shadow: 0px 10px 45px rgba(47, 45, 133, 0.1);
    border-radius: 20px;
    overflow: hidden;
}
.recovery-passw-custom .modal-dialog{
    top: calc(40% - 129px);
    max-width: 648px;
}
#recovery-passw-modal.recovery-passw-custom .modal-header,
.recovery-passw-custom .modal-footer{
    border: none;
}
.recovery-passw-custom .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.recovery-passw-custom .modal-header .modal-title{
    font-size: 24px;
    line-height: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 12px;
    padding-top: 40px;
}
.recovery-passw-custom .modal-header small{
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #4C4C4C;
}
.recovery-passw-custom .modal-header .close{
    position: absolute;
    right: 3px;
    margin: 3px;
    top: 0;
    color: #392E66;
    font-weight: 400;
    font-size: 28px;
    opacity: 1;
}
.recovery-passw-custom .form-group input{
    background: #FFFFFF;
    border: 1px solid #8B8B8B;
    border-radius: 5px;
    height: 50px;
    margin: 0;
}
.input-title{
    font-size: 14px;
    line-height: 23px;
    color: #4C4C4C;
}
.recovery-passw-custom #form_send_rec_passw{
    max-width: 460px;
    margin: auto !important;
}
.recovery-passw-custom .modal-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 15px 50px;    
}
.recovery-passw-custom .modal-dialog .btn {
    display: inline-block;
    padding: 0px;
    border: 1px solid transparent;
    border-radius: 25px;
    background-color: transparent;
    border: 1px solid #392E66;
    border-radius: 50px;
    width: 120px;
    text-align: center;
    color: #392E66;
    font-size: 14px;
    line-height: 23px;
    height: 40px;
    font-family: 'Gotham Pro';
    font-weight: 400;
}
.recovery-passw-custom .modal-footer .btn + .btn,
.recovery-passw-send .link_has_been_send .btn-yellow{
    color: white;
    border-radius: 25px;
    background-color:  #FBB40D;
    border-color: #FBB40D;
}
.recovery-passw-custom .modal-footer .btn + .btn:hover,
.recovery-passw-send .link_has_been_send .btn-yellow:hover{
    background-color: #FB710D;
    border-color: #FB710D;
}
.recovery-passw-custom .modal-body input:focus {
    background: transparent;
    box-shadow: none;
    border-color: #392E66;
}
.recovery-passw-custom .form-alert {
    background: transparent;
    border: none;
    color: #DF3131;
    border-radius: 3px;
    padding: 7px 0px;
    margin-top: 10px;
    margin-bottom: 0;
    text-shadow: none;
    font-size: 14px;
}
.recovery-passw-custom .modal-footer > :not(:last-child) {
    margin-right: 20px;
}
.recovery-passw-custom .link-error{
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
}
.recovery-passw-send .close{
    display: none;
}
#recovery-passw-modal.recovery-passw-send .modal-body {
    padding: 0px;
    background: url(/public/order_form_PH2020/img/modal-footer.png) no-repeat;
    background-position: left -40px bottom -40px;
}
.recovery-passw-send .link_has_been_send{
    color: #4C4C4C;
    background-color: transparent;
    border: none;
}
.recovery-passw-send .link_has_been_send img{
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    top: -29px;
    margin-left: 10px;   
}
.recovery-passw-send .link_has_been_send .btn-yellow{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 10px;   
}
#order-form-inner-v .error-bl {
    border: 1px solid red !important;
    border-color: red !important;
}
.order-auth-cell-new .password_reg_error_place{
    top: auto;
    bottom: -8px;
} 
#order-form-inner-v .wrap-lable .error{
    position: absolute;
    top: auto;
    font-size: 12px;
    bottom: -5px;
}
#order-form-inner-v .wrap-lable #password-field__oldclient-error{
    top: 83px;
}
.order-form-pay #order-form-inner-v #password_reg-error {
    top: auto;
}
.have-account-user .password_reg-block #password_reg-error{
    bottom: -24px;
}
#order-form-inner-v #email-error, #order-form-inner-v .email_reg_error_place {
    position: absolute;
    top: auto;
    font-size: 12px;
    width: 100%;
}
.order-form-inner-step3 .proceed_error_place #proceed-error{
    margin-left: 35px;
    bottom: -8px;
}
.go_back_link {
    line-height: 57px;
}
#order-form .order-form-inner-step3 .proceeding.checkbox-v label {
    margin: 0 !important;
}
#order-form .order-form-inner-step3 .proceeding.checkbox-v label a,
#order-form .order-form-inner-step3 .proceeding.checkbox-v label a:hover{
    color: #3f3473 !important;
}
.button-title img{
    margin: 3px 5px 0px;
}
.have-account-user .input-pass .password_reg_error_place {
    position: absolute;
    top: auto;
}   
#order-form ::-webkit-input-placeholder {
    font-family: Gotham Pro;
    font-size: 15px;
    color: #3b3b3b;
}
#order-form b, #order-form strong {
    font-weight: bold;
}
#order-form-inner-v input::-webkit-input-placeholder,
#order-form-inner-v input::-moz-placeholder,
#order-form-inner-v input:-ms-input-placeholder,
#order-form-inner-v input:-moz-placeholder,
#order-form-inner-v input:placeholder,
#order-form-inner-v input::placeholder,
input[placeholder], [placeholder], *[placeholder],
#order-form-inner-v input::-webkit-input-placeholder,
#order-form-inner-v input::-moz-placeholder,
#order-form-inner-v input::-ms-placeholder,
#order-form-inner-v input::placeholder,
input::placeholder,
#order-form ::placeholder{
    color: #8B8B8B !important;
    /*    opacity: 0.3;*/
}
.order-form-inner-step3 .go_back_link {
    margin: 0 0 20px 0px;
}
.link-discount-price-approved{
    border: 1px solid #DAE7F1;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 10px 11px 10px 30px;
    position: relative;
    font-size: 12px;
}
.link-discount-price-approved:before{
    content: '';
    position: absolute;
    top: calc( 50% - 6px);
    left: 14px;
    width: 13px;
    height: 11px;
    background: url(/public/order_form_PH2020/img/step-done.svg) no-repeat center;
    background-size: 12px 10px;
}
.order-auth-social {
    background: #FFFFFF;
    border: 1px solid #CCDAE6;
    border-radius: 20px;
    flex-direction: column;
    padding: 40px 20px;
}
.login-options .btn{
    flex: 1;
    font-weight: 500;
    border-radius: 0;
    font-size: 14px;
    height: 40px;
    position: relative;
}
.order-auth-social .fb-login-btn{
    background: #3B5998;
    color: #FFFFFF;
    margin-right: 18px;
}
.order-auth-social .btn:before{
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 11px;
}
.order-auth-social .fb-login-btn:before{
    background: url(/public/order_form_PH2020/img/fb.png) no-repeat;
    background-size: 18px;   
}
.order-auth-social .google-login-btn{
    background: #fff;
    color: rgba(0, 0, 0, 0.54);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.order-auth-social .google-login-btn:before{
    background: url(/public/order_form_PH2020/img/super-google.png) no-repeat;
    background-size: 18px;
}
.order-auth-social .hint-login{
    font-size: 14px;
    color: #B9B9C9;
    margin-bottom: 18px;
}
#order-form-inner-v .order-auth-social input::-webkit-input-placeholder { 
  color: #D1D1D1 !important;    
}
#order-form-inner-v .order-auth-social input::-moz-placeholder {
  color: #D1D1D1 !important;    
}
#order-form-inner-v .order-auth-social input:-ms-input-placeholder {
  color: #D1D1D1 !important;    
}
#order-form-inner-v .order-auth-social input:-moz-placeholder { 
  color: #D1D1D1 !important;    
}
.order-auth-social .input-email .input-title span{
    color: #B9B9C9; 
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.input-email input{
    border: 1px solid #CFD4DA;
    box-sizing: border-box;
    border-radius: 5px;
}

.order-auth-social .input-password .input-title span{
    color: #B9B9C9; 
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}
.order-auth-social .input-email-block, .order-auth-social  .input-password-block{
    margin: 0 0 10px 0 !important;
}
#order-form .order-auth-social .input-password-block{
    width: 100%;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    height: 50px;
    padding: 5px 40px 5px 10px;
    margin: 0 !important;
}
.order-auth-social .block__custom--hide{
    position: relative;
    margin: 0 0 28px 0;
}
.order-auth-social .show-hide__pass{
    position: absolute;        
    top: 50%;
    right: 20px;
    margin-top: -8px;
    width: 18px;
    color: #C4C4C4;
    cursor: pointer;
}
.order-auth-social .input-password .input-title span{
    color: #B9B9C9; 
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}
.order-auth-social .have-account-user .link_recovery_password{
    margin: 0 0 24px 0;
    line-height: 1;
}
.order-auth-social .btn-admin__registered {
    cursor: pointer;
    height: 60px;
    padding: 0;
    margin: 0 0 40px 0;
    background: #547DE7;
    border-radius: 50px;
    background-size: cover;
    border: none;   
}
.order-auth-social .password_forgot{
    margin: 0 0 24px 0;
}
#order-form-inner-v .order-auth-social .error-bl{
    box-shadow: none !important;
}

.order-auth-social .btn-admin__registered.disabled{
    cursor: default;
    //pointer-events: none;
}

.order-auth-social .btn-admin__registered:hover, .order-auth-social .btn-admin__registered:focus{
    background: #547de7 !important;
    background-size: cover !important;
}
.order-auth-social .btn-admin__registered span{
    position: relative;
    padding: 1px 48px 0 25px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    margin: 0 auto;
    height: 60px;
    width: 250px;
    line-height: 60px;
}
.order-auth-social .btn-admin__registered span:before {
    content: "";
    position: absolute;
    display: block;
    right: 26px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background: url(https://studdit.com/public/order_form_PH2020/img/arrow.svg) no-repeat;
}
.order-auth-social__inner{
    width: 100%;
    max-width: 100%;
}
#order-form .order-auth-social .proceeding.checkbox-v label{
    padding: 0 15px;
}
.order-auth-social .login-options button:before{
    left: 11px;
}
#order-form .order-form-inner-step3 .order-auth-social  .proceeding .check-t{
    font-size: 14px;
    line-height: 140%;
}
.order-auth-social__payment .button-title small{
    margin-top: 8px;
}
@media(min-width: 768px){
    .order-auth-social .login-options button{
        width: 128px;
        max-width: 128px;
        padding: 0 11px 0 45px;
        text-align: left;    
    } 
    .order-auth-social__payment .button-title small{
        width: 261px;
        max-width: 100%;
        display: block;
    }
}
.order-auth-social__payment{
    padding: 32px 20px 10px 20px;
    margin: 24px 0 72px 0;    
    border-radius: 20px;
    border: 5px solid #F5F9FC;
    box-sizing: border-box;
    border-radius: 20px;
}
.order-auth-social__payment .payment-caption{
    padding-top: 0;
}
.order-auth-social__payment .pay-wrapper-new{
    margin-bottom: 0;
}
.order-auth-social__payment .pay-wrapper-new.disabled-element .btn-check{
    border-color: #D1D1D1;
}
.order-auth-social__payment.disabled__payment{
    background: #fff;
    border: 1px solid #CCDAE6;
    border-radius: 20px;
}
.order-auth-social__payment.disabled__payment .payment-caption{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 162.69%;
    color: #212529;
}



#order-form #order-form-inner-v .proceeding{
    background: transparent!important;
    border: none!important;
}

#proceeding-gdpr{
    display: flex!important;
    justify-content: flex-start!important;
}

#proceeding-gdpr label{
    padding: 0!important;
    text-align: left!important;
}


#order-form #order-form-inner-v .proceeding .error-bl + .check-t > .cr {
    border-radius: 5px;
}
/* responsive */
@media(max-width: 991px){
    .summary__wrapper--sidebar ~ .order-summary.order-summary-mobile{
        display: flex;
    }  
    .wrap-payment::after {
        content: "";
        position: absolute;
        top: calc(50% - 5px);
    }
    .order-summary-hide .go_back_link{
        margin-left: -5px;
    }
    .pay-wrapper-new .btn-check {
        padding: 0 20px;
    }
    .order-option {
        padding: 0px 10px;
    }
    .button-title img {
        margin: -3px 3px 0px;
    }
    .visible-btn{
        display: flex;
    }
    .active-step-btn #tab-3 .go-back{
        display: none !important;
    }
}

@media(max-width: 767px){
    #order-form-inner-v .order-auth-social #email-error, #order-form-inner-v .order-auth-social .email_reg_error_place{
        bottom: 5px;
    }
    .order-auth-ph .order-auth-cell .radi-o-group {
        max-width: unset;
        margin-bottom: 40px !important;
    }
    .button-account input[type="radio"] + div {
        border-radius: 25px;
        font-size: 12px;
    }
    .button-account input[type="radio"]:checked + div::before{
        display: none;
    }
    .order-auth-ph .order-auth-cell .radi-o-group{
        background: #F5F9FC;
        border-radius: 25px;
    }
    .nav-auth-group .button-account:first-child{
        margin: 0;
        height: 100%;
    }
    .nav-auth-group.radi-o-group label {
        display: inline-block;
        margin: 0px;
    }
    .pay-container {
        border-top: none;
    }
    .password_reg-block .link_recovery_password{
        display: flex;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .input-email, .input-pass {
        min-width: 100%;
        margin-bottom: 20px;
    }
    #order-form-inner-v .email_reg_error_place {
        left: auto;
    }
    .wrap-payment{
        flex-direction: column;
    }
    .wrap-payment .wrap-payment-img{
        order: 2;
        align-self: start;
        width: auto;
        padding: 0;
        border-right: none;
    }
    .wrap-payment .button-title {
        order: 1;
        margin-left: 0px;
        align-self: start;
        padding-right: 65px;
    }
    .pay-wrapper-new .btn-check {
        height: auto;
        padding: 15px 15px 0px;
        text-transform: unset;
        border-radius: 5px;
    }
    .go_back_link {
        margin: 0px;
        width: 135px;
        line-height: 58px;
    }
    .wrap-payment::after {
        content: "";
        position: absolute;
        top: calc(50% - 15px);
    }
    .recovery-passw-custom .modal-dialog {
        max-width: unset;
        width: auto;
    }
    .recovery-passw-custom .modal-header small {
        padding: 0 15px;
    }
    .recovery-passw-send .link_has_been_send img {
        position: relative;
        top: 0px;
        right: -20px;
        margin-left: 0;
        margin-top: 5px;
    } 
    #order-form-inner-v .error {
        bottom: -16px;
    }
    #order-form-inner-v #email-error {
        bottom: -3px;
        margin-left: 10px;
    }
    .order-form-inner-step3 .order-auth-cell-input .order-auth-row {
        text-align: left;
    }
    .input-pass .password_reg_error_place {
        bottom: -35px;
    }
    #order-form .order-form-inner-step3 .checkbox-v .cr {
        margin-top: 5px;
    }
    #order-form-inner-v.order-form-inner-step3 .proceeding {
        margin-top: 30px;
    }
    #order-form .order-form-inner-step3 .proceeding .check-t {
        padding: 0 0px 0 10px;
    }
    .order-summary-hide .go_back_link{
        margin-left: 0px;
    }
    .order-summary-hide .go_back_link span{
        display: none;
    }
    #order-form-inner-v .have-account-user .password_reg-block #password_reg-error {
        top: auto;
        bottom: 0;
    }
    .have-account-user .input-pass .password_reg_error_place {
        bottom: 8px;
    }
    .order-form-inner-step3 .proceed_error_place #proceed-error {
        margin-left: 40px;
    }
    .nav-paycard .wrap-payment-img img {
        max-width: 40px;
    }
    .order-option {
        padding: 0px;
    }
    .order-option .btn-check {
        margin: 0 0px 10px 0px;
    }
    .recovery-passw-custom .modal-dialog{
        top: calc(40% - 95px);
    }
    .order-auth-social {
        border: none;
        border-radius: 0px;
        padding: 0px;
    }
    .order-auth-social .btn:before{
        top: 7px;
    }
    .order-auth-social .have-account-user .link_recovery_password{
        width: 100%;
        text-align: center; 
    }
    #order-form .order-auth-social .proceeding.checkbox-v label{
        padding: 0;
    }
    #order-form .order-form-inner-step3 .order-auth-social .proceeding{
        margin-top: 0;
    }
    #order-form .order-form-inner-step3 .order-auth-social .proceeding .check-t{
        padding: 0 15px 0 0;
    }
    .order-auth-social .btn-admin__registered{
        width: 250px;
    }
    .order-auth-social .btn-admin__registered .fb-login-btn{
        margin-right: 9px;
    }
}

@media only screen and (max-device-width: 767px)  and (orientation: landscape) {
    .recovery-passw-custom .modal-dialog{
        top: auto;
        margin-top: 0;
    }
}