.MainWrapper {
    padding-top: 0px;
    min-height: calc(100vh - 101px);
    background-image: url(https://panel.banerix.com//Files/Website/login/register.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 36%;
    margin-top: -10px;
}


.LoginHolder .pnl{
    display: block;
    margin-top: 100px;
    background: #ffffff;
    float: right;
    width: 500px;
    border-radius: 10px;
    padding: 5px;
    margin-right: calc(50% - 250px);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 65px;
}

.LoginBack h1{
font-family: 'ISBold';
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 25px;
    color: #ff2b85;
}
.LoginBack p{
    text-align: justify;
    line-height: 1.7em;
    width: 94%;
    margin-right: 3%;
    font-size: 17px;
}

.control-label {
    color: #ff2b85;
}
.btnLoginRegister{
    background: linear-gradient(270deg, #ff2b85 0%, #cd4c9e 50%, #996eb5 100%);
}
.btnLoginRegister:hover {
  background: linear-gradient(270deg, #ff4795 0%, #ef4db4 50%, #9453bf 100%);
}
#RegisterStep-Back {
    position: relative;
}
#RegisterStep-Header {
   float: right;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding-top: 12px;
    padding-right: 3%;
    z-index: 999;
    position: absolute;
}
.RegisterActivationCodeText{
    text-align: center !important;
}
#RegisterStep-Body{
margin-top: 9px;
}
#RegisterStep-Header img{
filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(1%) hue-rotate(225deg) brightness(84%) contrast(85%);
}
.RegisterActivationCodeResend {
    text-align: center !important;
    color: #aaa;
}

#RegisterStep-Body p:nth-child(2){
    color: #ff2b85;
    margin-top: 36px;
}


.btnCheckActivationCode{
    background: linear-gradient(270deg, #ff2b85 0%, #cd4c9e 50%, #996eb5 100%);
color:#fff;
transition:0.3s;
}
.btnCheckActivationCode:hover {
  background: linear-gradient(270deg, #ff4795 0%, #ef4db4 50%, #9453bf 100%);
}

.RegisterHolder{
    display: block;
    margin: auto;
    width: 900px;
    background: #fff;
    border-radius: 10px;
    margin-top: 150px;
    padding: 18px;
    position: relative;
padding-bottom:70px;
}
.CheckBoxLabel {
margin-top: 9px;
    padding-right: 9px;
}
.CheckBoxLabel .CheckBox {
width: 18px;
    height: 18px;
    float: right;
}
.CheckBoxLabel span{
float: right !important;
    margin-top: 3px !important;
    font-size: 16px !important;
}

.RegisterHolder>div:nth-child(1){
position: absolute;
    right: 0px;
}
#RegisterFinalStep-Header img {   
    filter: brightness(0) saturate(100%) invert(82%) sepia(0%) saturate(1%) hue-rotate(225deg) brightness(84%) contrast(85%);
    margin-right: 11px;
}
.RegisterHolder>div:nth-child(2) {
    margin-bottom: 40px;
}
.RegisterHolder>div:nth-child(2) p{
    padding: 5px 40px;
    text-align: center;
    margin-bottom: 30px;
}
.btnFinalRegister{
    width: 442px;
    float: right;
    margin-right: calc(50% - 211px);
 background: linear-gradient(270deg, #ff2b85 0%, #cd4c9e 50%, #996eb5 100%);
color:#fff;
transition:0.3s;
}
.btnFinalRegister:hover {
  background: linear-gradient(270deg, #ff4795 0%, #ef4db4 50%, #9453bf 100%);
}
.RegisterHolder>div:nth-child(6) .col-b-8{
width:100% !important;
}

@media all  and (max-height: 740px)  {
    .RegisterHolder {
      margin-top: 10px;
    height: calc(100vh - 20px);
    overflow-y: auto;
max-height:520px;
    }
}
.DirectPasswordCodeText , .DisposableCodeText{
    margin-top: 40px;
    padding-right: 17px;
}

.DisposableCodeResend{
text-align: center !important;
}
.btnLogin{
    background: linear-gradient(270deg, #ff2b85 0%, #cd4c9e 50%, #996eb5 100%);
color:#fff;
transition:0.3s;
}
.btnLogin:hover {
  background: linear-gradient(270deg, #ff4795 0%, #ef4db4 50%, #9453bf 100%);
}