﻿#GridPage { margin: 0 auto; width: 100%; max-width: 713px; }
#GridLeft { display: none; }
.account-wrapper { padding: 52px 130px; position: relative; }
.account-wrapper .mrw-dynamic-form button.generalBtn { background-color: #e5be78; color: #212327; }
.account-wrapper .mrw-dynamic-form .reqField { margin-top: 0; }
.account-wrapper .loginError { bottom: 0; text-align: right; }
.step { opacity: 0; pointer-events: none; -webkit-transition: all .3s ease; transition: all .3s ease; }
.step.active { opacity: 1; pointer-events: auto; }
.formText p { font-size: 90%; line-height: 1.44; margin-top: 20px; max-width: 420px; }
.steps { color: #4e535c; font-size: 70%; position: absolute; right: 0; top: 17px; right: 16px; }
.steps-wrapper { min-height: 380px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; }
.step2.step { position: absolute; top: 0; }

/***STEP-2***/
.backBtn { display: flex; align-items: center; font-size: 85%; }
.backBtn svg { width: 8px; height: 13px; margin-left: 15px; }
.account-wrapper .mrw-dynamic-form fieldset .button-wrapper { display: flex; flex-direction: row-reverse; align-items: center; margin-top: 43px; }
.account-wrapper .mrw-dynamic-form fieldset .button-wrapper > *[class^="col-"] { padding: 0; }
.account-wrapper #signup2-form-wiget .loginError { bottom: 100px; text-align: left; }
.account-wrapper #signup2-form-wiget .loginError span { font-size: 80%; }

@media(max-width:767px) {
    .account-wrapper { padding: 52px 22px; }
    .account-wrapper #signup-form-wiget .loginError { bottom: -40px; text-align: center; }
    .account-wrapper #signup2-form-wiget .loginError { bottom: 120px; }
    .backBtn { margin-top: 18px; }
}



.account-wrapper .mrw-dynamic-form .checkboxWrapper label.mrw-form-label { top: 9px; right: 12px; pointer-events: auto; max-width: calc(100% - 30px);line-height: 1; }
.account-wrapper .mrw-dynamic-form .checkboxWrapper input.form-control { width: 16px; height: 16px; display: inline-block; vertical-align: middle; border-radius: 0; -webkit-appearance: none; border: 1px solid #b7b7b7; background: #ffffff; box-shadow: none; padding: 0; margin-left: 5px; background-image: url(../../../000Frames/site/images/V.svg); background-position: center center; background-repeat: no-repeat; background-size: 0; cursor: pointer; }
.account-wrapper .mrw-dynamic-form .checkboxWrapper input#approvemarketing.form-control:checked { background-size: 70%; }
.account-wrapper .mrw-dynamic-form .checkboxWrapper { margin-bottom: 13px; }
.account-wrapper .mrw-dynamic-form .checkboxWrapper .form-control:focus ~ label.mrw-form-label { top: 9px;  padding: 0 5px; -webkit-transition: none; transition: none; color: #231f20; font-size: 75%; pointer-events: auto;  }
