@font-face {
    font-family: 'Source Sans';
    src:url('../fonts/SourceSansPro.woff');
}

@font-face {
    font-family: 'manropeB';
    src:url('../fonts/manrope-semibold.woff');
}

html, body{
    width:100%;
    height:100%;
}
body{
    padding-left:0;
    background:#2a5197;
}
.login-bg,.sign-logininfo{
    display:none;
}

.sign-info{
    height:70px;

}
.sign-info .container{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    height:100%;
    padding:0 8px;
}
.sign-info .signleft{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.sign-info .sign-slogan{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-left:.5rem;
    height:32px;
    text-transform: uppercase;
    color:#fff8ea;
    font:18px/24px 'manropeB',Arial,Helvetica,Sans-Serif;

}
.sign-info  .sign-slogan:before{
    content:'';
    display:block;
    width:0;
    height:32px;
    margin-right:1rem;
    border-left:solid 1px rgba(255, 248, 234, 0.4);

}
.sign-logo{
    width:40px;
    height:40px;
    margin-bottom:4px;
    background:url(../pix/algebra0_logo_2.png) no-repeat left center / contain;
}
.sign-logo.sign-logo-full{
    width:160px;
    background:url(../pix/algebra0_logo_eye02.png) no-repeat left center / contain;
}
.sign-logo.storylinemath-logo{
    background:url(../pix/storyline_logo.png) no-repeat left center / contain;
}
.sign-logo.sign-logo-full.storylinemath-logo{
    background:url(../pix/logo2.png) no-repeat left center / contain;
}
.signframe{
    min-height:100%;
    min-height:calc(100vh - 110px);
    border:none;
    box-shadow: none;
    border-radius:8px;
    padding:8px;
    background:#fffefb;
}
.signframe:after {
    content: "";
    display: block;
    min-height: 34px;
}
.sign-copyright{
    text-align:center;
    height:40px;
    font: 12px/40px 'manropeB',Helvetica, Arial, sans-serif;
    color:#fff8ea;
    white-space: nowrap;


}
.sign-copyright i{
    margin-right:4px;
}


.signframe .card{
    border:none;
    background:transparent;
}
.signframe .card-title{
    margin:0;
}
#page-login-signup .signframe .card-title h2,
#page-login-emailvalidation  .signframe .card-title h2{
    font:700 24px/40px 'Source Sans',Helvetica, Arial, sans-serif;
    overflow:hidden;
    margin:0;
}
.signframe .card-title h2{
    font:700 18px 'Source Sans',Helvetica, Arial, sans-serif;
    overflow:hidden;
    margin:0;
}


.signright span{
    font-style:italic;
    font-size:14px;
    font-family:'Source Sans',Helvetica, Arial, sans-serif;
    color:#fff8ea
}

.signright span a {
    font-weight: bold;
    margin-left:4px;
    font-size:15px;
    color: #ff8f41;
    font-style:normal;
    font-family:'Source Sans',Helvetica, Arial, sans-serif
}

.signframe h3{
    float:left;
    width:auto;
    text-align:center;
    margin-top:-4px;
    font: 1rem/1.2rem 'Poppins',Helvetica, Arial, sans-serif;;
    text-transform: uppercase;
}
.signframe h3:after{
    content:'';
    display:block;
    height:6px;
    margin:0 10px;
    border-bottom:solid 2px #1a6b9e;
}

.signframe #mform1{
    width:100%;
    max-width:900px;
    padding:10px 20px 10px;
    margin:0 auto;
}

.signframe .mform > .form-group{
    margin-left:0;
}

.signframe .mform .ftoggler{
    font:bold 24px/36px 'manropeB';
    padding-bottom:20px;
    margin-left: 10px;
}
/*free trial*/
#page-login-freetrial .signframe .col-md-3,
#page-login-signup .signframe #id_supplyinfo>.fcontainer>.form-group .form-group label{
    font:700 14px/18px 'Source Sans',Helvetica, Arial, sans-serif;
    color:#787878;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
}
#page-login-freetrial .signframe abbr[title=Required]{
    display:none;
}

#page-login-freetrial .signframe #id_submitbutton{
    width:auto;
    min-width:200px;
    height:36px;
    margin-top:6px;
    border-radius:4px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:14px;
}
#page-login-freetrial .signframe .formsignup{
    text-align: center;
    margin:-.9rem 0 0 1.5rem;
    padding:1rem 1rem 0;
    border-top:dashed 1px #e5e5e5;
}


#page-login-freetrial .signframe .form-control{
    height:36px;
    padding-top:8px;
    border:dotted 1px #bcbcbc;
    border-radius:4px;
    width:200px;
    max-width:100%;
    color:#000;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:14px;

}
#page-login-freetrial .signframe .form-control:focus{
    outline:none;
    box-shadow: none;
    border:solid 1px #1a6b9e;
}
#page-login-freetrial .signframe  .form-control-static{
    position:relative;
    z-index:100;
    font-size:12px;
    font-family:'Source Sans',Helvetica, Arial, sans-serif;
}
/*email validation*/

#page-login-emailvalidation .signframe h2{
    font-size: 18px;
    font-family: 'Source Sans',Helvetica, Arial, sans-serif;
    margin: 8px 0  24px 1.6rem;
    font-weight: 700;
}
#page-login-emailvalidation .signframe .box.generalbox{
    margin-left:0;
    position:relative;
    padding-left:0;
}
#page-login-emailvalidation .signframe .box.generalbox:before{
    content:'';
    display: none;
    position:absolute;
    width:140px;
    top:0;
    left:0;
    bottom:0;
    background: url(../pix/login/email.png)no-repeat  center center / contain;

}
.ebook_ul_e_v{
    font-size: 18px;
    font-weight: 600;
}
.ebook_ul_e_v li{
    margin-bottom:20px;
}
#page-login-emailvalidation .signframe .box.generalbox p{
    font:700 14px/28px 'Source Sans',Helvetica, Arial, sans-serif;
    margin-bottom:0;
}
#page-login-emailvalidation .signframe .box.generalbox p b{
    color:#d36707;
}
@media screen and (max-width:992px){
    #page-login-emailvalidation .signframe h2{
        margin-left:0;
    }
    #page-login-emailvalidation .signframe .box.generalbox{
        padding-left:0px;
    }
    #page-login-emailvalidation .signframe .box.generalbox:before{
        position:static;
        width:100%;
        height:100px;
        margin-bottom:16px;
        background: url(../pix/login/email.png)no-repeat  center center / contain;

    }
}



/*sign up*/
body#page-login-signup{
    background:#2a5197;
}
#page-login-signup .mform{
    overflow: visible;
}
#page-login-signup .signframe .card-body{
    padding-top:2.2rem;
    padding-bottom:0;
}
#page-login-signup .signframe .card-body .row{

}
#page-login-signup .signframe .card-body p{
    font-size:12px;
}
#page-login-signup .signframe .form-group{
    position:relative;
    margin-bottom:2rem;
}
#page-login-signup .signframe  .form-inline .form-group{
    margin-top:0;
}

#page-login-signup .signframe fieldset{
    border-bottom:none;
}

#page-login-signup .signframe .col-md-3,
#page-login-signup .signframe #id_supplyinfo>.fcontainer>.form-group .form-group label{
    display:inline-block;
    position:absolute;
    width:unset;
    top:0;
    left:24px;
    background:linear-gradient(to bottom,#fffefb 12px,transparent 12px);
    padding:0 6px;
    font:700 14px/18px 'Source Sans',Helvetica, Arial, sans-serif;
    color:#787878;
    z-index:50;
    transform: translateY(-50%);
    max-width:unset!important;
}

#page-login-signup .signframe  .form-control-static{
    position:relative;
    z-index:100;
    margin-top:-1.1rem;
    font-size:12px;
    font-family:'Source Sans',Helvetica, Arial, sans-serif;
}
#page-login-signup .signframe .formsignup{
    text-align: center;
    margin:-.9rem 0 0 1.5rem;
    padding:1rem 1rem 0;
    border-top:dashed 1px #e5e5e5;
}
#page-login-signup .signframe .formsignup p{
    text-align: left;
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:10px 30px 20px;
}

#page-login-signup .signframe .badge-success{
    opacity:.7;
    border-radius:4px;
    font-weight: normal;
    font-family:'manropeB',Helvetica,Arial,Sans-Serif;
}
#page-login-signup .signframe .form-control{
    height:36px;
    padding-top:8px;
    border:dotted 1px #bcbcbc;
    border-radius:4px;
    width:200px;
    max-width:100%;
    color:#000;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:14px;

}
#page-login-signup .signframe .form-control[name=email]{
    width:400px;
}
#page-login-signup .signframe .form-control[name=firstname],.signframe .form-control[name=lastname]{
    width:190px!important;
}

#page-login-signup .signframe .form-control:focus{
    outline:none;
    box-shadow: none;
    border:solid 1px #1a6b9e;
}
#page-login-signup .signframe abbr[title=Required]{
    display:none;
}
.signframe .fdescription.required{
    display:none;
}
#page-login-signup .signframe #id_submitbutton{
    width:auto;
    min-width:200px;
    height:36px;
    margin-top:6px;
    border-radius:4px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:14px;
}
@media screen and (max-width:992px){

    #page-login-signup .signframe .form-group{
        margin-left:0;
    }
    #page-login-signup .signframe .formsignup{
        margin-left:0;
    }
}
@media screen and (max-width:600px){
    #page-login-signup .signframe #id_submitbutton{
        width:100%;
    }
}
@media screen and (max-width:507px){
    #page-login-signup .signframe .form-inline .form-group:not(:first-child){
        margin-top:16px;
    }
}


body#page-login-signup-reject{
    background: #d74e48;
}
body#page-login-signup-reject h2{
    margin-bottom:2rem;
}

body#page-login-signup-reject p{
    margin:0 .25rem 1rem;
    font:700 14px/20px 'Source Sans',Helvetica, Arial, sans-serif;
}













/*agreement templates overwrite*/
body.pagelayout-agreement{
    display:flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
}
body.pagelayout-agreement .nav-link{
    color:#fffefb;
    background:transparent!important;
    font:700 14px "Source Sans",Helvetica, Arial, sans-serif;
    opacity:.8;
    padding:4px 10px;
    margin-left:.5rem;
}
body.pagelayout-agreement .nav-link:first-child{
    margin:0;
}

body.pagelayout-agreement .nav-link.active{
    border-bottom:solid 2px #fff3d2;
    color:#fff3d2;
    opacity:1;
}
body.pagelayout-agreement .signframe{
    flex:1;
    overflow:auto;
}

body.pagelayout-agreement .confirm{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    position:fixed;
    left:50%;
    bottom:20px;
    width:800px;
    min-height:60px;
    padding:.4rem 1rem;
    border-radius:4px;
    background:rgba(0,0,0,.8);
    transform: translateX(-50%);
}
body.pagelayout-agreement .confirm p{
    display: flex;
    align-items: center;
    margin:0;
    padding:0 0 0 .3rem!important;
    color:#fff;
    font:13px/20px 'manropeB',Helvetica, Arial, sans-serif
}
body.pagelayout-agreement .confirm .confirm_form{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.pagelayout-agreement{
    position:relative;
}
.pagelayout-agreement .card-tit{
    display:none;
}
.pagelayout-agreement .agreement_content{
    padding-top:40px;
    border-top:dashed 1px #d5d5d5;
    padding-bottom:60px;
}
.pagelayout-agreement .agreement_content#agreement1{
    padding-top:0;
    border-top:none;

}
.pagelayout-agreement .signframe .tab-pane li,
.pagelayout-agreement .signframe .tab-pane li p{
    font:14px/21px 'Source Sans',Helvetica, Arial, sans-serif;
}
.pagelayout-agreement .signframe .tab-pane>p{
    padding-left:1.5rem;
    font:14px/21px 'Source Sans',Helvetica, Arial, sans-serif;
}
.pagelayout-agreement .signframe p.updatetime{
    padding-left:0;
    padding-bottom:1rem;
    font: 12px/16px 'Lato',Helvetica, Arial, sans-serif;
    color:#e97610;
    text-align:right;
}
.pagelayout-agreement h1{
    padding-top:1rem;
    color: #176eca;
    font-size:1.4rem;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    margin-bottom:1rem;
    text-align:center;
}

.pagelayout-agreement h2{
    color: #176eca;
    font-size:18px;
    padding-left:1.5rem;
    margin-bottom:2rem;

    font-family:'manropeB',Helvetica, Arial, sans-serif;
    padding-top:1rem;
}
.pagelayout-agreement h3{
    float:none;
    text-transform: none;
    border:none;
    font-size:16px;
    padding-left:1.5rem;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    margin-bottom:1rem;
    text-align:left;
}
.pagelayout-agreement h3:after{
    display:none
}

.pagelayout-agreement h4{
    font-size:14px;
    padding-left:1.5rem;
    font-family:'Source Sans',Helvetica, Arial, sans-serif;
}

.pagelayout-agreement ul{
    padding-left:3.5rem;
}
.pagelayout-agreement  .productname{
    color: #e97610;
    font-weight:bold;
}
.pagelayout-agreement .btn{
    width:50px;
    height:28px;
    font:14px/20px 'manropeB',Helvetica, Arial, sans-serif;
    margin-left:.5rem;
    border-radius:4px;

}

@media screen and (max-width:992px){
    body.pagelayout-agreement .confirm{
        left:0;
        bottom:0;
        z-index:800;
        width:100%;
        min-height:80px;
        border-radius: 0;
        background:rgba(0,0,0,.9);
        transform: none;

    }
    body.pagelayout-agreement .confirm .confirm_form{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: stretch;
    }



}



/*Login */
body#page-login-index{
    background: linear-gradient(to right,#2a5197 50%,#fffefb 50%);
}

body#page-login-index .sign-info{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding-left:1rem;
}
body#page-login-index .login-bg{
    display:block;
    position:fixed;
    top:50%;
    right:-420px;
    width:820px;
    height:820px;
    overflow:hidden;
    transform: translateY(-50%);
    background: url("../pix/login/bg2.png") no-repeat center center;
    animation: loginbg 60s linear infinite;
    transform-origin: 50% 0;
}
body#page-login-index h2{
    width:80px;
    margin:0 auto;
    border-bottom:solid 3px #1177d1;
    text-align:center;
    text-transform: uppercase;
    font-size:18px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-weight:400;

}
@keyframes loginbg
{
    from {transform: rotate(360deg) translateY(-50%);}
    to {transform: rotate(0deg) translateY(-50%);}
}

body#page-login-index .sign-logininfo{
    display:block;
    position:fixed;
    bottom:4px;
    left:1rem;
}
body#page-login-index .sign-logininfo p{
    margin:0;
    color:rgba(255,255,255,.8);
    font:12px/20px 'manropeB',Helvetica, Arial, sans-serif;
}


body#page-login-index .signframe{
    position:fixed;
    left:50%;
    top:50%;
    right:unset;
    bottom:unset;
    width:360px;
    min-height: unset;
    margin:-30px 0 0 0;
    padding:1.5rem 1rem;
    background:#fffefb;
    border-radius:8px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    transform: translate(-50%,-50%);
}
body#page-login-index .signframe:after{
    display:none;
}

body#page-login-index .signframe .card-body{
    padding-bottom:0!important;
}
body#page-login-index .signframe h3{
    float:none;
    display:block;
    width:70px;
    margin:0 auto 0;
    font-size:1.3rem;
}
body#page-login-index .signframe h3:after{
    margin-top:6px;
}

body#page-login-index .sign-copyright{
    position:fixed;
    right:1rem;
    bottom:0px;
}

body#page-login-index .input-group{
    position: relative;
    height:42px;
    overflow:hidden;
    border-radius:4px;
    margin-bottom:24px;
}
body#page-login-index .input-group .input-group-append{
    position:absolute;
    top:50%;
    right:10px;
    transform: translateY(-50%);
}
body#page-login-index .input-group .input-group-append .input-group-text{
    width:40px;
    border:none;
    background: transparent;
    text-align:center;
    font-size:16px;
    opacity:.8;
}
body#page-login-index .input-group .input-group-append .input-group-text i.fa-lock{
    font-size:20px;
    margin-left:1px;
}

body#page-login-index .form-control{
    height:42px;
    padding:.4rem 50px .4rem 24px;
    border:none;
    background:transparent;
    border-bottom:solid 1px #d5d5d5;
    font-size:1rem!important;
    font-family:"manropeB", Helvetica, Arial,Sans-Serif!important;
}
body#page-login-index .form-control:focus{
    border-color:#787878;
    box-shadow: none;

}

body#page-login-index p.text-danger{
    margin: 0;
    font:13px/16px 'Source Sans',Helvetica, Arial, sans-serif;
}
body#page-login-index .rememberpass{
    margin-left:2px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
}
body#page-login-index .rememberpass label{
    margin-top:1px;
}

body#page-login-index .loginbtncontainer{
    padding:10px 0px 0;
}
body#page-login-index #loginbtn{
    height:42px;
    border-radius:21px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:16px;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
}

body#page-login-index .others{
    margin-top:20px;
    text-align:center;
    font:italic 14px/40px 'Source Sans',Helvetica, Arial, sans-serif;
    margin-bottom:0;
}
body#page-login-index .others p{
    margin-bottom:0;
}
body#page-login-index .others a{
    margin-left:6px;
    font:bold italic 16px/40px 'Source Sans',Helvetica, Arial, sans-serif;
}
body#page-login-index .sign-copyright {
    color: #373a3c;
}

@media screen and (max-width:992px){
    body#page-login-index{
        background: #2a5197;
    }

    body#page-login-index .sign-copyright {
        color: #fffefb;
    }
    body#page-login-index .login-bg{
        display:none
    }
    body#page-login-index .sign-logininfo{
        position:static;
        margin:1rem;
    }

    body#page-login-index .signframe{
        position:static;
        left:50%;
        top:50%;
        right:unset;
        bottom:unset;
        width:unset;
        min-height: calc(100vh - 165px);
        margin:0 1rem;
        padding:1.5rem 1rem;
        border-radius:4px;
        transform: none;
    }
    body#page-login-index .signframe:after{
        display:none;
    }

    body#page-login-index .signframe .card-body{
        padding-bottom:0!important;
    }
    body#page-login-index .signframe h3{
        float:none;
        display:block;
        width:70px;
        margin:0 auto 0;
        font-size:1.3rem;
    }
    body#page-login-index .signframe h3:after{
        margin-top:6px;
    }

    body#page-login-index .sign-copyright{
        position:static;
    }

    body#page-login-index .form-control:focus{
        border-color:#787878;
    }

    body#page-login-index p.text-danger{
        margin: 0;
        font:13px/16px 'Source Sans',Helvetica, Arial, sans-serif;
    }
    body#page-login-index .rememberpass{
        margin-left:2px;
        font-family:'manropeB',Helvetica, Arial, sans-serif;
    }
    body#page-login-index .rememberpass label{
        margin-top:1px;
    }

    body#page-login-index .loginbtncontainer{
        padding:10px 0px 0;
    }
    body#page-login-index #loginbtn{
        height:42px;
        border-radius:21px;
        font-family:'manropeB',Helvetica, Arial, sans-serif;
        font-size:16px;
        box-shadow:0 2px 6px rgba(0,0,0,.3);
    }

    body#page-login-index .others{
        margin-top:20px;
        text-align:center;
        font:italic 14px/40px 'Source Sans',Helvetica, Arial, sans-serif;
        margin-bottom:0;
    }
    body#page-login-index .others p{
        margin-bottom:0;
    }
    body#page-login-index .others a{
        margin-left:6px;
        font:bold italic 16px/40px 'manropeB',Helvetica, Arial, sans-serif;
    }
}
body#page-login-confirm .signframe .box{
    padding-left:1rem;
}
body#page-login-confirm .signframe h2{
    margin-top:10px;
    margin-bottom:20px;
    font-size:18px;
    font-family:  'Source Sans',Helvetica, Arial, sans-serif;

}
body#page-login-confirm .signframe p{
    font:700 14px/20px 'Source Sans',Helvetica, Arial, sans-serif;
    margin-bottom:40px;
}
body#page-login-confirm .signframe .btn{
    border-radius:4px;
    font:14px 'manropeB',Helvetica, Arial, sans-serif;
}
body#page-login-confirm .email_v_box{
    margin-top:0;
}
@media screen and (max-width:992px) {
    body#page-login-confirm .signframe{
        padding:.6rem;
    }

}
@media screen and (max-width:768px) {
    #page-login-freetrial .signframe .col-md-3{
       justify-content: flex-start;
    }

}



body#page-login-forgot_password .box.generalbox{
    padding-left:.25rem;
    margin-bottom:2rem;
    font:700 14px 'Source Sans',Helvetica, Arial, sans-serif;
}


body#page-login-forgot_password  .form-group{
    margin-left:0;
}
body#page-login-forgot_password  .col-form-label{
    font:700 14px 'Source Sans',Helvetica, Arial, sans-serif;
}

body#page-login-forgot_password .btn,
body#page-login-forgot_password .form-control {
    border-radius:4px;
    font:14px 'manropeB',Helvetica, Arial, sans-serif;
}

body#page-login-forgot_password.setpassword h2{
    font:700 18px 'Source Sans',Helvetica, Arial, sans-serif;
    overflow: hidden;
    margin: 0 0 2rem;
}
body#page-login-forgot_password.setpassword .card-title{
    display:none;
}

body#page-login-forgot_password.setpassword  .form-control-static {
    position: relative;
    z-index: 100;
    font-size: 12px;
    font-family: 'Source Sans',Helvetica, Arial, sans-serif;
}
body#page-login-forgot_password.setpassword .fdescription.required{
    display:none;
}
.grecaptcha-badge{
    display:none;
}


/*211110*/
.form_step_btns .btn-secondary{
    color:#fff;
}
.acctype_list{
    width:100%;
    max-width:800px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    margin:20px auto 0;
}
.acctype_item{
    position: relative;
    width:100%;
    max-width:280px;
    height:300px;
    border:solid 1px #d5d5d5;
    margin:0 20px 20px;
    padding:20px 20px 20px 40px;
    cursor:pointer;
    transition: border-color .3s ease;

}
.acctype_item:hover{
    border:solid 1px #999;
}
.acctype_item:hover:before{
    border-top: 60px solid #999 ;
}

.acctype_item.active{
    border:solid 1px #35b135;
}
.acctype_item:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    border-top: 60px solid #aaa ;
    border-right: 40px solid transparent;
    transition: border-color .3s ease;
}
.acctype_item.active:before{
    border-top: 60px solid #35b135;
    border-right: 40px solid transparent ;
}
.acctype_item.active:after{
    content:'\f00c';
    display:block;
    position:absolute;
    top:10px;
    left:4px;
    width: 20px;
    height:  20px;
    color:#fff;
    font:normal 20px/1 FontAwesome;
}
.acctype_item ul{
    color:#565656;
}
.acctype_item li{
    padding:6px 0;
}

.acctype_item img{
    flex:0;
    width:40px;
    margin-right:20px;
}
.acctype_content{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom:20px;
}
.acctype_content p{
    margin-bottom:0;
}
.acctype_content h4{
    flex:1;
    font:bold 18px/27px 'manropeB';
    margin:8px 0 0 0;
}
.form_step_wrapper{
    position:relative;
    width:100%;
    max-width:800px;
    height:40px;
    margin:0 auto;
}
.form_step_wrapper:before{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    content:'';
    display:block;
    width:100%;
    height:6px;
    background:rgba(0,0,0,.1);
}
.form_step_wrapper.instep2:before{
    background:linear-gradient(to right, rgba(83, 189, 83, 0.5) 50%, rgba(0,0,0,.1) 50%);
}
.form_step{
    position:absolute;
    top:0;
    max-width:33%;
    text-align:center;
    padding-top:46px;
    font-size:12px;
    color:#787878;
}
.form_step:before{
    position:absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
    display:block;
    width:40px;
    height:40px;
    font:bold 24px/40px 'manropeB';
    border: solid 1px #777;
    background:#999;
    color:#fff;
    border-radius:50%;
}

.form_step.active{
    font-weight:bold;
    color:#323232;
}
.form_step.finished{
    font-weight:bold;
    color: #53bd53;
}
.form_step.active:before{
    border: solid 1px #3f7dc7;
    background: #5998e2;
    color:#fff;
}
.form_step.finished:before{
    border: solid 1px #41af41;
    background: #53bd53;
    font-weight:bold;
    color:#fff;
}
#step1next{
    width:auto;
    min-width:200px;
    height:36px;
    margin-top:6px;
    border-radius:4px;
    font-family:'manropeB',Helvetica, Arial, sans-serif;
    font-size:14px;
}
.email_v_box{
    width:100%;
    max-width:800px;
    margin:-60px auto 0;

}
.form_step.step1{
    left:0;
    background:linear-gradient(to right,#fff 50%,transparent 50%);
}
.form_step.step1:before{
    content:'1';
}
.form_step.step2{
    left:50%;
    transform: translateX(-50%);
}
.form_step.step2:before{
    content:'2';
}
.form_step.step3{
    right:0;
    background:linear-gradient(to left,#fff 50%,transparent 50%);
}
.form_step.step3:before{
    content:'\f00c';
    color:rgba(255,255,255,.8);
    font-family:FontAwesome
}

.acctype_choose{
    margin-top:100px;
}

/*forgetpassword*/
#id_searchbyusername,#id_searchbyemail{
    display:none;
    border-bottom:none!important;
}
#id_searchbyemail>.ftoggler,
#id_searchbyusername>.ftoggler{
    display:none;
}
.forget_password_radio{
    display: block;
    width: 100%;
    max-width: 800px;
    margin: 60px auto 10px;
    padding: 0 57px;
}
.forget_password_radio label{
    font-weight: bold;
}


#id_createuserandpass #id_username{
    width:280px;
}
#id_createuserandpass >.ftoggler{
    text-align:center
}

#page-login-forgot_password.setpassword  .forget_password_radio{
    display: none!important;
}

.ebook-divideline {
    color: #666;
    height: 1px;
    overflow: visible;
    margin: 10px 0 15px 0 !important;
    background: #aaa;
}