*{margin:0px;padding:0px;box-sizing:border-box;}
body, html{height:100%;font-family:sans-serif, sans-serif;}
input{outline:none;border:none;}
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:#999999;}
input:-moz-placeholder{color:#999999;}
input::-moz-placeholder{color:#999999;}
input:-ms-input-placeholder{color:#999999;}
button{outline:none !important;border:none;background:transparent;}
button:hover{cursor:pointer;}
.error{color:red;font-weight:bold;text-align:center;display:block;padding:30px;width:100%;}
.limiter{width:100%;margin:0 auto;}
.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-size:cover;background-position:center;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:-webkit-linear-gradient(bottom, #3ea1e3, #ffffff);opacity:0.8;}
.wrap-login100{width:390px;background:transparent;padding-top:5% !important;}
.login100-form{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;flex-wrap:wrap;}
.login100-form-avatar{width:380px;height:120px;overflow:hidden;margin:0 auto;}
.login100-form-avatar img{width:100%;}
.wrap-input100{position:relative;width:100%;z-index:1;}
.input100{font-family:sans-serif;font-size:15px;line-height:1.2;color:#333333;display:block;width:100%;background:#fff;height:50px;border-radius:25px;padding:0 30px 0 53px;font-weight:bold;}
.focus-input100{display:block;position:absolute;border-radius:25px;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0px 0px 0px 0px;color:rgba(0,91,234, 0.6);}
.input100:focus + .focus-input100{-webkit-animation:anim-shadow 0.5s ease-in-out forwards;animation:anim-shadow 0.5s ease-in-out forwards;}
@-webkit-keyframes anim-shadow{to{box-shadow:0px 0px 80px 30px;opacity:0;}}
@keyframes anim-shadow{to{box-shadow:0px 0px 80px 30px;opacity:0;}}
.symbol-input100{font-size:15px;color:#999999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;width:100%;height:100%;padding-left:30px;pointer-events:none;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
.input100:focus + .focus-input100 + .symbol-input100{color:#00c6fb;padding-left:23px;}
.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-family:sans-serif;font-size:15px;line-height:1.5;color:white;width:100%;font-weight:bold;height:50px;border-radius:25px;display:-webkit-box;background:-webkit-linear-gradient(left, #d9542e, #ee7f33);display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 25px;-o-transition:all 0.4s;-moz-transition:all 0.4s;position:relative;z-index:1;}
.login100-form-btn::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:25px;top:0;left:0;background:#005bea;background:-webkit-linear-gradient(left, #005bea, #00c6fb);background:-o-linear-gradient(left, #005bea, #00c6fb);background:-moz-linear-gradient(left, #005bea, #00c6fb);background:linear-gradient(left, #005bea, #00c6fb);-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;opacity:0;}
.login100-form-btn:hover{background:transparent;color:#fff;}
.login100-form-btn:hover:before{opacity:1;}
.validate-input{position:relative;}
.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:white;border:1px solid #c80000;border-radius:14px;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:8px;pointer-events:none;font-family:sans-serif;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity 0.4s;-o-transition:opacity 0.4s;-moz-transition:opacity 0.4s;transition:opacity 0.4s;}
.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px;}
.alert-validate:hover:before{visibility:visible;opacity:1;}
@media (max-width:992px){.alert-validate::before{visibility:visible;opacity:1;}}
@media (max-width:576px){.wrap-login100{padding-top:80px;padding-left:15px;padding-right:15px;}}
.p-t-10{padding-top:10px;}
.p-t-190{padding-top:190px;}
.p-b-30{padding-bottom:30px;}
.m-b-10{margin-bottom:10px;}