body{
margin: 0;
font-family: 'Source Sans Pro', sans-serif;
min-height: 100%;
width: 100%;
}

main{
height: 100%;
}

button{
cursor: pointer;
}

/* Login Page */
/*
.lw-logo{
    position: absolute;
    left: 50%;
    width: 250px;
    transform: translateX(-50%);
}

@media(min-width:1025px){
.lw-logo{
	position: absolute;
	left: 4%;
	width: 300px;
	bottom: -30px;
    transform:unset;
}
}
*/
.bg{
width: 100%;
height: 100%;
background: url(./bg.jpg) no-repeat 50% 25%;
background-size: cover;
text-align: center;
border: 0;
padding: 0;
position: fixed;
z-index: -1;
top: 0;
}

/* old .container{
width: 100%;
text-align: center;
border: 0;
padding: 0;
margin-top: 11%;
}
*/

.container{
width: 100%;
text-align: center;
border: 0;
padding: 0;
margin: 50px 0 0 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media (min-width: 1025px){
.container{
width: 100%;
text-align: center;
border: 0;
padding: 0;
margin: 0 0 0 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}

.app-logo{
    height: 130px;
    position: relative;
    z-index: 3;
    top: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
}

.login{
	z-index: 2;
    background: white;
    padding: 25px;
    height: 335px;
	width: 75%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,.6);
    position: relative;
    margin: 0 auto 0 auto;
    top: -70px;
}

.username{
	width: 90%;
    margin: 0 0 0 0;
    border-radius: 3px;
    height: 30px;
    margin: 5px 0 14px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	border: 1px solid #afafaf;
    padding: 0 10px;
	font-size: 18px;
}

.password{
	width: 90%;
    margin: 0 0 0 0;
    border-radius: 3px;
    height: 30px;
    margin: 5px 0 14px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	border: 1px solid #afafaf;
    padding: 0 10px;
	font-size: 18px;
}

@media(min-width:395px){
.login{
	z-index: 2;
    background: white;
    padding: 25px;
    height: 320px;
    width: 315px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,.6);
    position: relative;
    margin: 0 auto 0 auto;
    top: -70px;
}

.Username{
	width: 290px;
    margin: 0 0 0 0;
    border-radius: 3px;
    height: 30px;
    margin: 5px 0 14px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	border: 1px solid #afafaf;
    padding: 0 10px;
	font-size: 18px;
}

.Password{
	width: 290px;
    margin: 0 0 0 0;
    border-radius: 3px;
    height: 30px;
    margin: 5px 0 14px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
	border: 1px solid #afafaf;
    padding: 0 10px;
	font-size: 18px;
}
}

.login-header{
margin-top: 58px;
margin-bottom: 5px;
font-size: 26px;
color: #002d6d;
}

form{
text-align: left;
}

label{
font-size: 18px;
text-align: left;
}

.loginButton{
background: #002d62;
    border: 0;
    padding: 5px;
    color: white;
    border-radius: 3px;
    width: 125px;
    font-size: 18px;
    font-family: arial;
    margin: 8px 0 8px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    cursor: pointer;
}

.forgot-pass{
margin-top: 0px;
display: block;
}

/* Messages below the login screen */
#message{ margin: 4px; background: white;
    padding: 0px;}
.success{ color: green; }
.error{ color: #ee0000; }

/* Forgot password form */

/*Password Reset Page */

.fp-backbtn{
text-decoration: none;
transform: none;
display: inline-block;
color: white;
font-size: 24px;
position: fixed;
top: 20px;
left: 35px;
z-index: 2;
}

.back-arrow{
height: 55px;
width: 55px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.7);
vertical-align: middle;
margin: 0 15px 0 0;
transition: transform .2s ease-in-out;
}

.PWRecover-Container{
width: 100%;
text-align: center;
border: 0;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.passwordResetBox{
background:white;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px
rgba(0,0,0,0.75);
width: 320px;
margin: 0 auto;
height: 315px;
text-align: left;
padding: 40px 15px 0 15px;
position: relative;
top: -70px;
}

.arTitle{
margin: 45px 10px 0 10px;
color: #002d62;
font-size: 32px;
}

.arText{
display: block;
font-size: 18px;
margin: 40px 10px 0 10px;
}

.pw-reset-form{
    margin: 10px;
}

.pw-reset-email{
margin: 40px 0 8px 0;
display: block;
}

#email{
max-width: 275px;
display: block;
font-size: 16px;
width: 41vw;
min-width: 225px;
}

input[value="Reset Password"]{
background: #002d62;
border: 0;
padding: 5px;
color: white;
border-radius: 3px;
width: 100%;
font-size: 22px;
font-family: arial;
margin: 40px auto 0 auto;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
cursor: pointer;
}

/* Reset password form (from e-mail link) */

.new-password{
display: block;
margin: 15px 0 8px 0;
}

/* new site seal and logo css */

.lw-logo{
    position: absolute;
    left: 50%;
    width: 250px;
    transform: translateX(-50%);
    bottom: -80px;}

#AccessibilityCert{
display: inline;
width: 250px;
position: absolute;
right: 50%;
bottom: -155px;
transform: translateX(50%);
margin: 0;
z-index: 9;
}

@media (min-width: 1025px){

.lw-logo{
	position: absolute;
    left: 4%;
    width: 300px;
    bottom: 30px;
    transform: unset;
}

#AccessibilityCert{
    display: inline;
    width: 300px;
    position: absolute;
    right: 4%;
    bottom:45px;
    margin: 0;
    transform: unset;
	z-index: 9;
}
}