body{font-family:'Roboto',Arial,sans-serif}.none{display:none}
h1 {text-align: center;}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
/* Input Field CSS */
.datainput{
  position:relative;
  margin:5px 0 20px;
}
.datainput p{
  font-size:12px;
  background:#eee;
  display:inline-block;
  padding:5px 15px;
  border-radius:.5rem;
}
.whatsapp-form textarea{
  min-height:20px
}
.datainput select{
  padding:12px 0;
  color:#555;
  font-size:14px;
  width:100%;
  border:0;
  border-bottom:1px solid #ddd;
  outline:none;
  background:#fff;
}
.datainput input,.datainput textarea{
  font-size:15px;
  font-family: Arial, Helvetica, sans-serif;
  padding:15px 0;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #ddd;
}
.datainput input:focus,.datainput textarea:focus{
  outline:none;
}
.datainput label{
  color:#999;
  font-size:14px;
  font-weight:400;
  position:absolute;
  pointer-events:none;
  left:0;
  top:18px;
  transition:.2s ease all
}
.datainput input:focus~label,.datainput input:valid~label,.datainput textarea:focus~label,.datainput textarea:valid~label{
  top:-10px;
  font-size:14px;
  color:#21a51f
}
#notif-license span{
  font-size:40px
}
#notif-license{
  display:none;
  position:fixed
}
.bar{
  position:relative;
  display:block;
  width:100%
}
.bar:before,.bar:after{
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#21a51f;
  transition:.2s ease all
}
.bar:before{
  left:50%
}
.bar:after{
  right:50%
}
.datainput input:focus~.bar:before,.datainput input:focus~.bar:after,.datainput textarea:focus~.bar:before,.datainput textarea:focus~.bar:after{
  width:50%
}
.indigox{
  background:#3f51b5
}
.orangex{
  background:#ff9800
}
.pinkx{
  background:#e91e63
}
.bluex{
  background:#2196F3
}
.purplex{
  background:#9c27b0
}
.redx{
  background:#F44336
}
.greenx{
  background:#4CAF50
}
.highlight{
  position:absolute;
  height:50%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:.5
}
.datainput input:focus~.highlight,.datainput textarea:focus~.highlight{
  animation:inputHighlighter .3s ease
}
.datainput input:focus~label,.datainput input:valid~label,.datainput textarea:focus~label,.datainput textarea:valid~label{
  top:-10px;
  font-size:13px;
  color:#21a51f
}

/* Default Whatsapp Form CSS by www.idblanter.com */
form.whatsapp-form {
    box-shadow: 0 1px 6px rgba(32,33,36,.28);
    border-radius: .5rem;
    padding: 20px;
    box-sizing: border-box;
    color: #444;
    font-size: 14px;
    line-height: 1.5;

}
 .whatsapp-form a.send_form1 {
    color: #fff;
    background: #21a51f;
    text-decoration: none;
    display: inline-block;
    padding: 10px 25px;
    border-radius: .3rem;
    font-weight: 700;
    letter-spacing: .5px;
    font-size: 15px;
}

.whatsapp-form a.send_form2 {
    color: #fff;
    background: red;
    text-decoration: none;
    display: inline-block;
    padding: 10px 25px;
    border-radius: .3rem;
    font-weight: 700;
    letter-spacing: .5px;
    font-size: 15px;
}

#text-info span {
    display: block;
    padding: 10px 15px;
    text-align: center;
    font-weight: 700;
    margin: 15px 0;
    border-radius: .5rem;
}
#text-info span.yes {
    background: #c6ffc5;
    color: #0ea904;
}
#text-info span.no {
    background: #ffc5c5;
    color: #ce0404;
}
.whatsapp-form{
  width:100%;
  max-width:700px;
  margin:0 auto;
  box-sizing:border-box;
}

form {
  background-color: white;
}