body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
}
input{outline:none;border:none}
textarea{outline:none;border:none}
textarea:focus,input:focus{border-color:transparent!important}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}
input::-webkit-input-placeholder{color:#fff}
input:-moz-placeholder{color:#fff}
input::-moz-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}
textarea::-webkit-input-placeholder{color:#fff}
textarea:-moz-placeholder{color:#fff}
textarea::-moz-placeholder{color:#fff}
textarea:-ms-input-placeholder{color:#fff}
label{margin:0;display:block}
button{outline:none!important;border:none;background:0 0}
button:hover{cursor:pointer}


.container-login100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}
.container-login100::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,.9)}
.wrap-login100{
width:500px;border-radius:10px;overflow:hidden;padding:55px 55px 37px;background:#9152f8;background:-webkit-linear-gradient(top,#7579ff,#b224ef);background:-o-linear-gradient(top,#7579ff,#b224ef);background:-moz-linear-gradient(top,#7579ff,#b224ef);background:linear-gradient(top,#7579ff,#b224ef); 
margin:0 auto;
}
.login100-form{width:100%}
.login100-form-logo{font-size:60px;color:#333;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:50%;background-color:#fff;margin:0 auto}
.login100-form-title{ 
padding:25px 0;
font-size:30px;color:#fff;line-height:1.2;text-align:center;text-transform:uppercase;display:block}
.wrap-input100{width:100%;position:relative;border-bottom:2px solid rgba(255,255,255,.24);margin-bottom:30px}
.input100{font-size:16px;color:#fff;line-height:1.2;display:block;width:100%;height:45px;background:0 0;padding:0 5px 0 38px}
.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}
.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#fff}
.focus-input100::after{font-family:FontAwesome;font-size:22px;color:#fff;display:block;width:100%;position:absolute;top:6px;left:0;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.focus-input100.inputUser::after { 
  content: "\f007";
}
.focus-input100.inputPass::after { 
  content: "\f023";
}
.input100:focus{padding-left:5px}
.input100:focus+.focus-input100::after{top:-22px;font-size:18px}
.input100:focus+.focus-input100::before{width:100%}
.has-val.input100+.focus-input100::after{top:-22px;font-size:18px}
.has-val.input100+.focus-input100::before{width:100%}
.has-val.input100{padding-left:5px}
.container-login100-form-btn{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}
.login100-form-btn{font-size:16px;color:#555;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:120px;height:50px;border-radius:25px;background:#9152f8;background:-webkit-linear-gradient(bottom,#7579ff,#b224ef);background:-o-linear-gradient(bottom,#7579ff,#b224ef);background:-moz-linear-gradient(bottom,#7579ff,#b224ef);background:linear-gradient(bottom,#7579ff,#b224ef);position:relative;z-index:1;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.login100-form-btn::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:25px;background-color:#fff;top:0;left:0;opacity:1;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.login100-form-btn:hover{color:#fff}
.login100-form-btn:hover:before{opacity:0}
@media(max-width:576px){.wrap-login100{padding:55px 15px 37px}}
.validate-input{position:relative}
.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}
.alert-validate::after{content:"\f12a";font-family:FontAwesome;font-size:16px;color:#c80000;display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:5px}
.alert-validate:hover:before{visibility:visible;opacity:1}
@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}