body{font-family:'Roboto',Arial,sans-serif}.none{display:none}

/* Input Field CSS */
.datainput{position:relative;margin:5px 0 10px}
.datainput p{font-size:12px;background:#eee;display:inline-block;padding:5px 15px;border-radius:.5rem}
.whatsapp-form textarea{min-height:120px}
.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;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:#5e5e5e;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:5px;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:#f9470e}#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:#f9470e;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:5px;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:0px;font-size:10px;color:#0d740b}

/* 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_form {
    color: #fff;
    background: #ec5323;
    text-decoration: none;
    display: inline-block;
    padding: 10px 25px;
    border-radius: .3rem;
    font-weight: 700;
    letter-spacing: .5px;
    font-size: 20px;
}
#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;
}