body{

	background-color: #7b418f;

}

#login {

    width: 500px;

}

.login h1 a {

   /* // background-image: none,url(img/wandw-logo_white.svg); */
    background-image: none,url(img/new-logo.svg);

    background-size: 300px;
    height: auto;
    line-height: 3.8em;
    width: 300px;
    background-position: 0px;

}

.login h1::after {

    /* content: "In order to access this  platform, to protect your privacy, you must have a pre-issued username and password. To find out how to obtain your login details, please contact info@lymphoma.ca or call 1-866-659-5556."; */
    content: "In order to access this platform and to protect your privacy, you must create a unique username and password. Users agree to keep their password strictly confidential.                                                   If you are a first time user you must register before you can log in to the app. Click the Register button below to complete your user profile.";

    color: #fff;

    display: block;

    line-height: 1.1;

    font-size: 20px;

    font-weight: 300;

}



/* .login #login_error, .login .message {

    border-left: 4px solid #79c194;

} */

.login #login_error, .login .message {
    border-left: 0;
    margin-top: 20px;
    color:#fff;
    box-shadow: none;
    border: 1px #fff solid;
    background: transparent;
}

p.description.indicator-hint {
    color: #fff;
}

.left-section {
    float: left;
    width: 73%;
}

input[type=checkbox]:checked:before{    
    content: "\f00c" !important; 
    font-size:22px !important; 
    color:#000 !important; 
    height: 10px !important; 
    width:10px !important;
    margin: 0 !important;
    text-align: center !important;
    font: normal normal normal 14px/1 FontAwesome;}

/* input[type=checkbox] {
    height: 18px !important;
    width: 18px !important;
    border-radius: 0 !important;
} */

.wp-core-ui .button-primary {

    background: #855891;

    border-color: #855891 #855891 #855891;

    -webkit-box-shadow: 0 1px 0 #855891;

    box-shadow: 0 1px 0 #855891;

    color: #fff;

    text-decoration: none;

    text-shadow: 0 -1px 1px #855891, 1px 0 1px #855891, 0 1px 1px #855891, -1px 0 1px #855891;

}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {

    background: #855891;

    border-color: #855891;

    color: #fff;

}



p#backtoblog{

	display: none;

}

.login #nav{

    margin-top: 10px;

}

.login #nav a {

    color: #fff;

    font-size: 14px;
    padding-bottom: 40px;

}
a {
    color: #fff !important;
}

a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: none !important;
    box-shadow: 0px !important;
    outline: 2px solid transparent;
}

.login #nav a:hover {

    color: #79c194;

}



.login form {

    margin-top: 20px;

    margin-left: 0;

    padding: 26px 24px 46px;

    background: #662e7c;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);

    box-shadow: 0 1px 3px rgba(0,0,0,.13);

    border-radius: 25px;

}

.login label{

    color: #fff;

    font-size: 20px;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}



input[type=checkbox] {

    height: 25px;

    width: 25px;

    border-radius: 15px;

}



input[type=checkbox]:checked:before {

    content: "\f147";

    margin: 0px 0 0 -2px;

    color: #2f3541;

    font-size: 25px;

}



#login form p.submit {

    margin: 50px 0 0;

    padding: 0;

    clear: both;

    width: 50%;

    text-align: left;

}

p.rigth-section.custom_reg {
    margin: 55px 0 0;
    float: right;
}

#wp-submit {

    height: 40px;

    line-height: 28px;

    padding: 3px 40px 5px;

    float: none;

    border-radius: 25px;

    font-size: 20px;

}

@media ( max-width: 530px ) {

    #login {

        width: 320px;

    }

    .login h1::after {

        font-size: 16px;

    }
	 #wp-submit {

        padding: 3px 21px 5px !important;

    }
    #register {
        height: 40px;
        line-height: 28px;
        padding: 6px 21px 7px 21px !important;
    }

}

#register{
    height: 40px;
    line-height: 28px;
    padding: 6px 39px 7px 39px;
    float: none;
    border-radius: 25px;
    font-size: 20px;
    background: #855891;
    border-color: #855891 #855891 #855891;
    -webkit-box-shadow: 0 1px 0 #855891;
    box-shadow: 0 1px 0 #855891;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #855891, 1px 0 1px #855891, 0 1px 1px #855891, -1px 0 1px #855891;

}