.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 {
    background: rgb(253 253 253 / 66%);
}

/*--------------دکمه ثبت نام -----------*/
.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;
}
.RegisterHolder{
    overflow: auto;
    display: block;
    float: right;
    width: 900px;
    background: #fff;
    padding: 12px;
    margin-right: calc(50% - 450px);
    margin-top: 80px;
    border-radius: 15px;
    overflow: auto;
height: 564px;
    margin-top: calc((100vh - 564px) / 2);
}


/*-------------------------------------------------------------------------------------------------------------*/
.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;
}
#FinalBtnRegisterBack{
width: 100%;
}
.btnFinalRegister{
width: calc((100% / 3) - 14px);
    margin-right: calc(50% - (((100% / 3) - 14px) / 2));
}
.CheckBoxLabel {
    margin-bottom: 14px;
}

.CheckBoxLabel .CheckBox {
   display: block;
    float: right;
    width: 22px;
    height: 22px;
}
#RegisterFormModal p, #RegisterFormModal span {
    font-size: 14px;
    padding: 2px 15px;
    text-align: justify;
    line-height: 1.7em;
}
.CheckBoxLabel span {
    float: right;
    margin-top: 3px;
    margin-right: 0px;
    font-family: 'IS';
    font-weight: normal;
    font-size: 14px;
    width: calc(100% - 33px);
}

@media all and (max-height: 630px)  {
    .C-418 .pnl{
      height: calc(100vh - 64px);
        overflow: auto;
        margin-top: 32px;
    }

.RegisterHolder{
    height: calc(100vh - 64px);
        overflow: auto;
        margin-top: 32px;
}

}