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



/* 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: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:10px;
    display:block;
    width:100%;
    border:none;
    border:1px solid #ddd;
    border-radius: 5px;
    height: unset;
    margin-bottom: 10px;
}

.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_form {

    color: #fff;

    background: #21a51f;

    text-decoration: none;

    display: inline-block;

    padding: 10px 25px;

    border-radius: 5px;

    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;

}

/*.whatsapp-form input{
    border-width: 2px;
    border-color: #e9e9eb;
    color: #211e3b;
    font-weight: 500;
    background-color: #fff;
    border-style: solid;
    border-radius: 7px;
    width: 100%;
    font-size: 18px;
    line-height: 1;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
    background: transparent;
}*/