.trans_button
	{
		background-color:transparent;
		border: 1px solid #4CAF50; 
	}
		
	.mobile-container {
	  max-width: 480px;
	  margin: auto;
	  background-color: #384662;
	  height: 50px;
	  color: white;
	  border-radius: 10px;
	}

	.topnav {
	  overflow: hidden;
	  background-color: #384662;
	  position: relative;
	}

	.topnav #myLinks {
	  display: none;
	}

	.topnav a {
	  float: left;
	  color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	}

	.topnav a.icon {
	  float: right;
	}

	.topnav a:hover {
	  background-color: #ddd;
	  color: black;
	}

	.active {
	  background-color: #384662;
	  color: white;
	}
	
	
	/* Style the submit button */
	input[type=submit] {
	  background-color: #04AA6D;
	  color: white;
	}

	/* Style the container for inputs */
	.containerbg {
	  background-color: #f1f1f1;
	  padding: 20px;
	}

	 /* The message box is shown when the user clicks on the password field */
	#message {
	  display:none;
	  background: #f1f1f1;
	  color: #000;
	  position: relative;
	  padding: 20px;
	  margin-top: 10px;
	}

	#message p {
	  padding: 10px 35px;
	  font-size: 18px;
	}

	/* Add a green text color and a checkmark when the requirements are right */
	.valid {
	  color: green;
	}

	.valid:before {
	  position: relative;
	  left: -35px;
	   content: "✔";
	}

	/* Add a red text color and an "x" icon when the requirements are wrong */
	.invalid {
	  color: red;
	}

	.invalid:before {
	  position: relative;
	  left: -35px;
	  content: "✖";
	}