* {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

form
{
	width: 100%;
    border: solid 0px;
    display: table;
    box-sizing: border-box;
	padding: 10px;
}
.form_row{ width: 100%; float: left; min-height: 30px; height: auto; margin: 0px 0px 10px 0px }
.form_row_left{ width: 150px; float: left; text-align: right }

.form_row_right{ width: calc(100% - 170px); float: left; height: auto; color: #0a7752; font-weight: bold; }
.form_row_right button{ vertical-align: text-top }
.form_row_right span{ color: #3b4158;  }



input{  
	height:30px; 
	border: solid 1px #2f83b7;
	border-radius: 4px;
    margin: 3px 5px 5px 0px;	
	padding: 3px 5px;
}

textarea{  
	border: solid 1px #2f83b7;
	border-radius: 4px;
    margin: 0px 5px 5px 0px;	
}

/* Set a style for all buttons */
button:hover {   opacity: 0.8; }


button
{
    background-color: #155345;
    border: 1px solid #03BFCB;
    border-radius: 10px;
    color: white;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    padding: 8px 25px 8px 20px;
	margin: 0px 10px 3px 0px;	
	
}

#button_signup {
  width: auto !important;
  padding: 10px 18px;
  background-color: #075207;
}

.forgot_password {
  background-color: #455b64;
  width: auto !important;
  float: right;

}
.form_row input { width: 100%}
#button_login{ width: 100%; }

.button_email {
  width: 100%;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 720px) {

	.form_row{ margin: 0px 0px 10px 0px; }
	
	.form_row_left{ width: 100%; float: left; text-align: left; }
	.form_row_right{ width: 100%; float: left; }

  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
  
  .form_row_right input{ width: 100%;  }
  
}