#signup-wrapper, #login-wrapper {
 
  margin-top:100px;
  margin-left:auto;
  margin-right:auto; 
  
}

#signup-box, #login-box {
  width: 400px;
  margin-left:auto;
  margin-right:auto; 
  padding: 20px;
  border:1px solid #000;
  font-weight: 400px;
  font-size:16px;
  color:#0180d1;
	/*border-radius:30px;*/
	background-color:rgba(255,255,255,0.8);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#signup-title, #login-title {
  font-weight: 400;
  font-size: 34px;
  text-align:center;
  margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
}

#signup-box input:not([type=submit]), #login-box input:not([type=submit]) {
	padding:10px;
	font-size: 16px;
	margin-bottom:20px;
	width: 100%;
	box-sizing: border-box;
	
	border:1px solid #000;
}





#signup-box input:required:valid {
	border: 1px solid #49a680;
    background-image: url('https://cdn.reachin.media/global/images/icons/ok_button-20.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
}


/*#signup-box .invalid {
	border: 1px solid #cc482f;
    background-image: url('https://cdn.reachin.media/global/images/icons/error_button-20.png');
    background-position: right 10px center;
    background-repeat: no-repeat;
}*/



#signup-button {
 padding:0;
 margin:0;
 text-align:center;
 font-size: 30px;
	border-radius:5px;
	border:1px solid #bbb;
 background:none;
 color:#0180d1;
 font-weight:300;
 cursor:pointer;
 float:right;
 width: 50px;
 height: 50px;
 margin-bottom:10px;
 
}

#signup-button:hover {
 color:#0180d1;
 font-weight:700;
 background-color:#bbb;
}



#signup-inner, #login-inner {
   padding:20px; 
}

#signup-banner, #login-banner {
  height:50px;
  background-color: #555;
  border-bottom: #444;
  font-size: 40px;
  line-height:40px;
  margin-top:50px;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  font-weight: 300;
}

#signup-banner span, #signup-box span, #login-banner span, #login-box span {
  
  font-weight:700;
}

.signup-brand-n {
 clear:both;
 float:left; 
 width: 40px;
 font-size: 18px; 
}

.signup-brand-s {
 float:left; 
 width: 400px;
 font-size: 16px; 
}

#signupprogress {
  margin-left:150px;
  width: 200px;
  height: 200px;
  position: relative;
	text-align:center;
}

#login-signup-link {
	clear:both;
	border-top: 1px dashed #aaa ;
	text-align:right;
	font-size: 12px;
	padding-top:3px;
	color: #000;
	
}

#login-button {
	margin-bottom:10px;
	width: 70px;
}