#producttitle{height:50px;width:100%;color:#000000; font-size:40px; text-align:left;}

#branco{height:45px;width:100%;}
#branco1{height:20px;width:100%;}

.error{height:20px;width:100%;color:#8C0709; font-size:18px; text-align:left;}
.txtsucess{height:20px;width:100%;color:#005E05; font-size:18px; text-align:left;visibility: hidden;}

.nname{height:25px;width:100%;color:#717171; font-size:18px; text-align:left;}
#nname1{height:40px;width:100%;color:#000000; font-size:18px; text-align:left;}
#nname2{height:25px;width:300px;float:left;}

#confirmedspace{height:20px;width:15px;float:left;display:inline-block;text-align:left;}
#confirmed{height:35px;width:35px;float:left;padding-left:20px;display:inline-block;text-align:left;border: 1px solid #39A0DA;border-radius: 5px;background-color: white;visibility: hidden;}

.acceptbutton{height:35px;width:100%;text-align:left;display: inline-block;}
.acceptbutton1{height:35px;width:250px;border: 1px solid #39A0DA;border-radius: 5px;background:#109121;text-align:center;display: inline-block;background-color: #109121}
.acceptbutton2{height:20px;width:250px;font-size:18px;padding-top:6px;color:#FFFFFF;}


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

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

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

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