*{margin:0;padding:0;}
body, html{width:100%;height:100%;box-sizing:border-box;font-size:1rem;font-family:Verdana, Geneva, Tahoma, sans-serif;}
#app{width:100%;height:100%;padding:0.5rem;display:flex;flex-wrap:wrap;justify-content:center;box-sizing:border-box;background-color:#e9e9e9;}
.b-radius{border-radius:0.5rem;-webkit-border-radius:0.5rem;-moz-border-radius:0.5rem;-o-border-radius:0.5rem;}

.AUTHForm{width:100%;display:flex;flex-wrap:wrap;}
.AUTHForm > .msn{display:inline;margin-bottom:0.5rem;}
.AUTHForm > .ln, .AUTHForm > .title{width:100%;height:auto;margin-bottom:0.5rem;display:block;position:relative;}
.AUTHForm .ln > .erro{width:100%;position:absolute;top:calc(100% + 6px);left:0;}
.AUTHForm .ln > .label{height:16px;display:block;margin-bottom:0.5rem;text-align:left;font-size:0.9rem;font-weight:normal;color:#000;}
.AUTHForm .ln > .form{width:100%;height:auto;text-align:left;}
.AUTHForm .ln > .info{width:100%;}
.AUTHForm .ln.submit{width:100%;margin:1rem 0 0.5rem 0;display:flex;justify-content:center;}

.AUTHForm > .title{margin:1rem 0;font-size:1.2rem;text-align:center;font-weight:800;color:#000;}

.AUTHForm .ln.erro{margin-bottom:1.5rem;}
.AUTHForm .ln.erro > .label{color:#781E14;}
.AUTHForm .ln.erro .form > input{border-color:#cd6155;box-shadow: 0 0 0 4px hsla(6, 54%, 78%, 0.6);outline:5px solid transparent;}

.AUTHForm .ln .erro > .msg{width:100%;display:flex;align-items:center;justify-content:left;text-align:left;}
.AUTHForm .ln .erro > .msg > .raquo{width:10px;height:10px;margin-right:3px;font-size:7px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#781E14;border-radius:50%;}
.AUTHForm .ln .erro > .msg > .raquo::before{content:"!";}
.AUTHForm .ln .erro > .msg > .text{font-size:0.7rem;font-style:italic;color:#781E14;}

.form-au{width:100%;box-sizing:border-box;padding:0.5rem;font-size:1.1rem;color:#666;border:2px solid #ccc;background-color:#fff;border-radius:0.3rem;transition:180ms;box-shadow:ease-in-out;}
.form-au:focus{color:#3a3c3d;border-color:#FFBF00;box-shadow: 0 0 0 4px hsla(37, 90%, 80%, 0.6);outline:5px solid transparent;}

.form-au[type="number"]::-webkit-inner-spin-button,
.form-au[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-au[type="number"] {-webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}

@media (max-width:600px){
  #app{padding:1rem;background-color:#fff;}
  .form-au{font-size:1.2rem;padding:1rem;}

  .WA-bt.orange{width:100%;font-size:1.2rem;padding:.8rem;}
}