.MainWrapper{
/*background-image: url('https://crm.darakala.com/files/website/store/register the store/monitor/store-registration.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
   background:#fff;
}
#RegisterBack{
 display: block;
    float: right;
    width: 100%;
    margin-top: 50px;
    background: #ffffffc2;
    border-radius: 10px;
    backdrop-filter: blur(6px);  
  /*height: calc(100vh - 183px);*/
  height:100%
    overflow: hidden;
}
#RegisterBaseStep .FormItem{
width: 320px;
margin-right:calc(50% - 160px);
}
#RegisterStep-Body .FormItem{
width: 320px;
margin-right:calc(50% - 160px);
}
.DisposableCodeResend{
float: right;
    width: 100%;
    text-align: center;
}
#SellerRegisterModal-Body{
    overflow: unset;
    /*height: calc(100vh - 287px);*/
    height: 100%;
    width: 939px;
    margin-right: calc((100% - 939px) / 2);
}
#SellerRegisterModal-Holder {   
    width: 100%;
    margin-right: 0px;
}
#RegisterBaseStep{
display: block;
    float: right;
    width: 100%;
    height: 356px;
    margin-top: calc(50vh - 294px);
}
#RegisterStep-Header{
margin-top: 30px;
    padding-right: 40px;
    padding-left: 40px;
}
.DisposableCodeText{
text-align:center !important;
}
#RegisterStep-Body .DisposableCodeText:nth-child(1){
margin-top: 50px;
}
.DisposableCodeResend{
text-align:center !important;
}

.btnLoginRegister{
background:#ff0045;
color: #fff;
}

.btnLoginRegister:hover{
 background:#ff0045;
 color:#fff;
}

.SellerCompleteBox:hover{
border: 2px solid #00b2de;
box-shadow: 0px 0px 3px 0px #a7a7a7;
}


.btnCheckActivationCode{
 background:#ff0045;
 color:#fff;
}
.btnResendOneTimePassword{
background:#fff;
color:#ff0045;
border: 2px solid #ff0045;
}
.btnResendOneTimePassword:hover{
background:#ff0045;
color:#fff;
}

.SellerBoxStatusNotSet {
    color: #ff0045;
    font-weight: bold
}
.SellerBoxStatusSet {
    color: #1abc9c;
    font-weight: bold
}
.RegisterTitle {
    text-align: center;
    float: right;
    width: 100%;
    font-size: 20px !important;
    font-family: 'ISBold';
    margin-top: 10px;
  /*  color: #ff0045;*/
   
}

.SellerNewRequest {

  /*  border: 2px solid #d1d3d4;*/
    border-radius: 10px;

}
.SellerCompleteBox {
    border: 2px solid #d1d3d4;
    border-radius: 10px;
    background: #fff;
}
/*-------------------------------------------------*/
.CustomBTN {
    background: #ff0045;
    color: #fff;
   font-weight: 300;
}
/*-----------------------------------------------*/
#SellerRegisterModal-Holder {
    margin-top: 0px;
    height: 100%;
}
/*----------------------------لوگو ---------- انتخاب|تغییر فایل ----باتن------------------------------*/
#SellerLogoSelectFileBtn{  
  background: #00ccff
}
/*---------------------------------------------------------------------------------------------------------------*/
/*-------------------مجوز های عمومی -----رنگ باتن  انتخاب |تغییر فایل -----------------حقوقی--------*/
#Seller-7-1-SelectFileBtn {
    background: #00ccff;
}
#Seller-8-1-SelectFileBtn{
    background: #00ccff;
}
#Seller-6-1-SelectFileBtn{
    background: #00ccff;
}
#Seller-11-1-SelectFileBtn{
    background: #00ccff
}
#Seller-13-1-SelectFileBtn{
    background: #00ccff
}
#Seller-13-2-SelectFileBtn{
    background: #00ccff
}
#Seller-13-3-SelectFileBtn{
    background: #00ccff
}
#Seller-13-4-SelectFileBtn{
    background: #00ccff
}
#Seller-13-5-SelectFileBtn{
    background: #00ccff
}
#Seller-13-6-SelectFileBtn{
    background: #00ccff
}
#Seller-10-1-SelectFileBtn{
    background: #00ccff
}
#Seller-9-1-SelectFileBtn{
    background: #00ccff
}
#Seller-12-1-SelectFileBtn{
    background: #00ccff
}
#Seller-12-1-SelectFileBtn{
    background: #00ccff
}#Seller-12-2-SelectFileBtn{
    background: #00ccff
}#Seller-12-3-SelectFileBtn{
    background: #00ccff
}#Seller-12-4-SelectFileBtn{
    background: #00ccff
}#Seller-12-5-SelectFileBtn{
    background: #00ccff
}
#Seller-12-6-SelectFileBtn{
    background: #00ccff
}
/*----------------------------------------------------------------*/
/*-------------------مجوز های عمومی -----رنگ باتن  انتخاب |تغییر فایل -----------------حقیقی--------*/
#Seller-2-1-SelectFileBtn{
    background: #00ccff
}
#Seller-3-1-SelectFileBtn{
    background: #00ccff
}
#Seller-3-2-SelectFileBtn{
    background: #00ccff
}
#Seller-5-1-SelectFileBtn{
    background: #00ccff
}
#Seller-4-1-SelectFileBtn{
    background: #00ccff
}
#Seller-4-2-SelectFileBtn{
    background: #00ccff
}
#Seller-4-3-SelectFileBtn{
    background: #00ccff
}
#Seller-4-4-SelectFileBtn{
    background: #00ccff
}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------انتخاب|تغییر فایل --------مجوز های اختصاصی---------------------------*/
#Seller-1-1-SelectFileBtn{
    background: #00ccff
}
/*----------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------*/
.SellerCompleteBox {
    display: block;
    float: right;
    width: 939px;
   /* margin-right: calc(25% - 86px);*/
    margin-right: calc((100% - 939px) / 2);
    border: 2px solid #d1d3d4;
    border-radius: 10px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 24px;
}
/*------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
.SellerCompleteBoxBtn {
    display: block;
    float: right;
    width: 28%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    height: 39px;
    border: none;
    outline: none;
    border-radius: 8px;
    margin-right: 297px;
}
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
.SellerNewRequest {
    border-radius: 10px;
    background: #fef3f6;
    width: 939px;
   /* margin-right: calc(25% - 86px);*/
     margin-right: calc((100% - 939px) / 2);
    border: 2px dashed;
    color: #949698;
}
.SellerNewRequest span {
    font-size: 16px;
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    color: #ff0045;
}
/*-------------------------------------------------------------------------------------------*/

.SellerNewRequestLogout {
  background: #fff;
}

.SellerCompleteBoxBtn {
 display: block;
 float: left;
 width: 16%;
 margin-top: 10px;
 margin-bottom: 10px;
 font-size: 14px;
 height: 39px;
 border: none;
 outline: none;
 border-radius: 8px;
 margin-right: 10px; /* کمی از حاشیه سمت راست کم کردم تا آیکون جا شود */
 padding-right: 30px; /* برای ایجاد فضا برای آیکون */
 background-image: url('https://crm.darakala.com/files/website/store/icon/edit-icon.svg'); /* آدرس آیکون خود را جایگزین کنید */
 background-repeat: no-repeat;
 background-position: right center; /* قرارگیری آیکون در سمت راست و وسط */
 background-size: 20px 20px; /* تنظیم اندازه آیکون (اختیاری) */
 background-color: #fff;
 color:#00ccff;
}


/*-----------------------------------------------------------------------------------*/
#SellerRegisterModal-Header
 {
    width: 939px;
    margin-right: calc((100% - 939px) / 2);
}
#SellerRegisterModal-Header img {
    margin-right: -3px;
}
