html, body {
  border: 0;
  padding: 0;
  margin: 0;
  height: 95%;
}
body {
  background: white;
  display: flex;
  justify-content: center;
  align-items: top;
  margin: 20px 0 0 0;
  font-size: 16px;
}


form {
  background: white;
  width: 80%;      
  max-width: 500px;
  max-height: 560px; 
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
  font-family: sans-serif;
  position: relative;
  color: #333;
  border-radius: 10px;
}
form header {
  background: #76b852;
  padding: 30px 20px;
  color: white;
  font-size: 1.2em;
  font-weight: 600;
  border-radius: 10px 10px 0 0;
}
form label {
  margin-left: 20px;
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 5px;
  position: relative;
}
form label span {
  color: #76b852;
  font-size: 2em;
  position: absolute;
  left: 2.3em;
  top: -10px;
}
form input {
  display: block;
  width: 80%;
  margin-left: 20px;
  padding: 5px 20px;
  font-size: 1em;
  border-radius: 3px;
  outline: none;
  border: 1px solid #ccc;
}
form .help {
  margin-left: 20px;
  font-size: 0.8em;
  color: #777;
}
form button {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: sans-serif;
  color: white;
  background: #43A047;
  outline: none;
  border: none;
  padding: 5px 15px;
  font-size: 1.3em;
  font-weight: 400;
  border-radius: 3px;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
form button:hover {
  background: #ff5252;
}

@-moz-document url-prefix() {
    /* Firefox doesn't respect max-width in certain situations */
    img { width: 100%; max-width: -moz-max-content; }
}
html {
	-webkit-text-size-adjust: none;
} 


.graytxt{
font-family: sans-serif;
color: #5a5a5a;
font-size: 13;
}

.redtxt{
font-family: sans-serif;
color: #e00000;
font-size: 16;
font-weight: bold;    
}

.greentxt{
font-family: sans-serif;
color: #008115;
font-size: 16;
}

.pinktxt{
font-family: sans-serif;
color: #CC0099;
font-size: 13;
}

.whitetitle{
font-family: sans-serif;
color: white;
font-size: 18;
font-weight: bold;
}

.checkbox {
  color:#838383; 
  font-size:11px;
  line-height: 20px;
  vertical-align: middle;  
  margin: 20px 0 0 0;
}

input[type='checkbox'] {  
  float: left;
  width: 20px; 
     
 
}
input[type='checkbox'] + label {
  display: block;
  width: 30px;
  
}   
    
@media (max-width: 920px){
    /* horizontal scrollbar for tables if mobile screen */
  .form {
  background: white;
  width: 80%;        
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
  font-family: sans-serif;
  position: relative;
  color: #333;
  border-radius: 10px;
  }
  //.rememberme {
  //display: none;
  //}

}