body 
{ 
  width:auto;
  height:auto;
  background-size:cover;
}

input[type="password"], input[type="text"]
{
  border-radius:50px;
  padding:5px;
  padding-left:35px;
  background-color:#D8D8D8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
{
  -webkit-box-shadow: 0 0 0 30px #D8D8D8 inset;
}

table
{
  margin:auto;
  width:100%;
  table-layout:fixed;
  /* background:rgba(0,0,0,0.5); */
}

#page-body
{
  background:rgba(0,0,0,0);
  padding:2%;
}

#page-body tr
{
  height:30px;
}

td
{
  padding: 5px;
}

#status, #submitButton
{
  text-align:center;
}

#submitButton
{
  margin-top:2%;
  margin-bottom:2%;
}

#googleSignin
{
  position:relative;
}

#googleborderdiv
{
  padding-top:15px;
  text-align:center;
  position:relative;
  margin-bottom:2%;
}

.googleborder
{
  padding: 0 10px;
}

#googlebordertext
{
  line-height:0.1em;
  width:4%;
  position:absolute;
  color:lightskyblue;
}

#loginButton, #registerButton
{
  border-radius:50px;
  margin-left:20px;
  margin-right:20px;
}

#registerButton
{
  background-color:black;
  color:white;
}

#reset
{
  padding-top:2px;
  margin-bottom:5px;
  margin-top:5px;
  text-align:right;
  color:#B77BB2;
}

a
{
  text-decoration:none;
  color:lightskyblue;
}

#headerfp
{
  width:auto;
  height:auto;
  text-align:center;
  background:rgba(0,0,0,0.5);
}

#emptybody
{
  min-height:165px;
}

#footer
{
  text-decoration:none;
  width:auto;
  position:absolute;
  bottom:0;
  margin-left:15%;
  margin-right:15%;
  margin-bottom:2%;
  padding-left:10%;
  padding-right:10%;
  padding-bottom: 20px;
}

#footer td
{
  padding:15px;
}

#eyecon
{
  right:20px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
}

#pwd_container
{
  width:100%;
  margin:auto;
  position:relative;
}

#fpicon
{
  margin-top:10%;
  margin-left:33%;
}