.pnl {
    border-radius: 18px;
}

.P-76{
height: calc(100vh - 0px);
}

@media all and (max-height: 490px) {
.C-418 .pnl{
margin-top:10px;
margin-bottom:10px;
}
.P-76 {
    min-height:400px;
}

}


#RegisterStep-Header img {
        display: block;
    float: right;
    width: 30px;
    cursor: pointer;
    margin-right: 16px;
    margin-top: -65px;
}


.CustomBTN {
    display: block;
    float: right;
    width: 100%;
    margin-top:0px;
    margin-bottom: 24px;
    font-size: 13px;
    height: 47px;
    border: none;
    outline: none;
    border-radius: 10px;
}


.pnl p {
    text-align: justify;
    font-size: 13px;
    margin-right: 12px;
    margin-bottom: 14px;
 }


.FormItem .form-control {
    float: right;
    width: 100%;
    font-family: 'IS';
    font-size: 16px;
    height: 47px;
    direction: ltr;
    text-align: left;
    box-shadow: none;
    outline: none;
    border-radius: 10px;
    padding-top: 8px;
}

/*   --------------------------------------دکمه ورود|ثبت نام پنل کاربری ----------------------------- */
.btnLoginRegister {
    background: #fb216b; 
    color: #fff;
}
.btnLoginRegister:hover{
background:#ff0045;
color:#fff;
}
/*   ---------------------------------------------دکمه ورود-------------------------------------------------- */
.btnLogin{
background-color : #fb216b;
color:#fff;
}
.btnLogin:hover{
background-color : #ff0045;
color:#fff;
}


/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------دکمه دریافت رمز یکبار مصرف ----------------------------------------------*/
.btnOneTimePassword{
background-color : #fff;
color: #ff0045;
border: 1px solid #ff0045
}
.btnOneTimePassword:hover{
background-color : #ff0045;
color: #fff;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/

/*   --------------------------------------  دکمه دریافت رمز یکبار مصرف ارسال کد ----------------------------- */
.btnCheckActivationCode{
background-color:#fb216b;
color:#fff;
}
.btnCheckActivationCode:hover{
background-color:#ff0045;
color:#fff;
}
.btnCheckActivationCode:active{
background-color:#ff0045;
color:#fff;
}
/*   ------------------------------------------------------------------------------------ */


/*--------------------------------------اطلاعات اولیه ثبت نام -------------------------------------*/
#RegisterFormModal {
    border-radius: 8px;
    padding: 22px;
    margin-top: 148px;
    display: none;
    margin-right: 245px;
    position: fixed;
    width: 69vw;
    height: 72vh;
    z-index: 9999;
    top: 0;
    right: 0px;
    background: #fff;
}

/*--------------دکمه ثبت نام -----------*/
.btnFinalRegister {
    display: block;
    float: right;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 13px;
    height: 47px;
    border: none;
    outline: none;
    border-radius: 10px;
    background: #ff0045;
    color: #fff;
}


/*-------------------------------------------------------------------------------------------------------------*/
.NSCaptchaImage {
    width: 135px;
}

.NSCaptchaBack {
    margin-top: -44px;
}
.C-418 .pnl {
    background-color: #fff;
    box-shadow: 0px 0px 10px -5px #000;
    max-width: calc(100% - 30px);
    margin-right: calc((100% - 410px) / 2);
    width: 410px;
    height: 564px;
    margin-top: calc((100vh - 564px) / 2);
}
.btnOneTimePassword {
  
    margin-top: -10px;
}
/*-----------------------------------------------------------------------*/
.btnResendOneTimePassword{
background-color: #fb216b;
    color: #fff;
}
.btnResendOneTimePassword:hover {
    background-color: #ff0045;
    color: #fff;
}