@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
 unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
 margin:0;
 padding:0;
 box-sizing:border-box
}
body,
html {
 height:100%;
 font-family:Poppins-Regular,sans-serif
}
a {
 font-family:Poppins-Regular;
 font-size:14px;
 line-height:1.7;
 color:#666;
 margin:0;
 transition:all .4s;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s
}
a:focus {
 outline:none!important
}
a:hover {
 text-decoration:none;
 color:#57b846
}
h1,
h2,
h3,
h4,
h5,
h6 {
 margin:0
}
p {
 font-family:Poppins-Regular;
 font-size:14px;
 line-height:1.7;
 color:#666;
 margin:0
}
ul,
li {
 margin:0;
 list-style-type:none
}
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:#999
}
input:-moz-placeholder {
 color:#999
}
input::-moz-placeholder {
 color:#999
}
input:-ms-input-placeholder {
 color:#999
}
textarea::-webkit-input-placeholder {
 color:#999
}
textarea:-moz-placeholder {
 color:#999
}
textarea::-moz-placeholder {
 color:#999
}
textarea:-ms-input-placeholder {
 color:#999
}
button {
 outline:none!important;
 border:none;
 background:0 0
}
button:hover {
 cursor:pointer
}
iframe {
 border:none!important
}
.txt1 {
 font-family:Poppins-Regular;
 font-size:13px;
 line-height:1.5;
 color:#999
}
.txt2 {
 font-family:Poppins-Regular;
 font-size:13px;
 line-height:1.5;
 color:#666
}
.limiter {
 width:100%;
 margin:0 auto;
}
.container-login100 {
 background-size: cover!important;
 margin: 20px;
 /*width: 100%;*/
 min-height: 85vh;
 /*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: url(/images/login_back.png) 0 0 no-repeat;
 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
 z-index: 10;
 /*background:#9053c7;*/
 /*background:-webkit-linear-gradient(-135deg,#c850c0,#4158d0);*/
 /*background:-o-linear-gradient(-135deg,#c850c0,#4158d0);*/
 /*background:-moz-linear-gradient(-135deg,#c850c0,#4158d0);*/
 /*background:linear-gradient(-135deg,#c850c0,#4158d0)*/
}
.footer {
 background: #C0D7EF;
 height: 18px;
}
.wrap-login100 {
 left: 53%;
 width: 345px;
 background: #fff;
 border-radius: 10px;
 overflow: hidden;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 position: absolute;
 display: -ms-flexbox;
 background: #F9F9F9;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 41px 20px 56px 24px;
 height: 350px;
 top: 37%;
}
.login100-pic {
 width:316px
}
.login100-pic img {
 max-width:100%
}
.login100-form {
 width:345px
}
.login100-form-title {
 font-family:'Roboto Condensed';
 font-size:25px;
 font-weight: 700;
 color:#3891EC;
 line-height: 18px;
 text-align:center;
 text-transform: uppercase;
/*
 width: 300px;
*/
 display:block;
 padding-bottom:54px
}
.wrap-input100 {
 position:relative;
 width:100%;
 z-index:1;
 margin-bottom:10px
}
.input100 {
 font-size:15px;
 line-height:1.5;
 color:#666;
 display:block;
 width:100%;
 background:#FFFFFF;
 height:50px;
 border: 1px solid #C3C3C3;
 border-radius: 4px;
 padding:0 30px 0 68px
}
.focus-input100 {
 display:block;
 position:absolute;
 border-radius:25px;
 bottom:0;
 left:0;
 z-index:-1;
 width:100%;
 height:100%;
 box-shadow:0 0;
 color:rgba(87,184,70,.8)
}
.input100:focus+.focus-input100 {
 /*-webkit-animation:anim-shadow .5s ease-in-out forwards;*/
 /*animation:anim-shadow .5s ease-in-out forwards*/
}
@-webkit-keyframes anim-shadow {
 to {
  box-shadow:0 0 70px 25px;
  opacity:0
 }
}
@keyframes anim-shadow {
 to {
  box-shadow:0 0 70px 25px;
  opacity:0
 }
}
.symbol-input100 {
 font-size:15px;
 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:35px;
 pointer-events:none;
 color:#666;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s;
 transition:all .4s
}
.input100:focus+.focus-input100+.symbol-input100 {
 color:#57b846;
 padding-left:28px
}
.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;
 padding-top:20px
}
.login100-form-btn {
 font-family:'Roboto Condensed';
 font-size:15px;
 line-height:1.5;
 color:#fff;
 text-transform:uppercase;
 width:100%;
 height:40px;
 border-radius:25px;
 background: #3891EC;
 display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 align-items:center;
 padding:0 25px;
 -webkit-transition:all .4s;
 -o-transition:all .4s;
 -moz-transition:all .4s;
 transition:all .4s;
 box-shadow: 0px 2px 3px rgba(56, 145, 236, 0.5);
 border-radius: 5px;
}
.login100-form-btn:hover {
 background:#065eb9;
}
@media(max-width:992px) {
 .wrap-login100 {
  padding:177px 90px 33px 85px
 }
 .login100-pic {
  width:35%
 }
 .login100-form {
  width:50%
 }
}
@media(max-width:768px) {
 .wrap-login100 {
  padding:100px 80px 33px
 }
 .login100-pic {
  display:none
 }
 .login100-form {
  width:100%
 }
}
@media(max-width:576px) {
 .wrap-login100 {
  padding:100px 15px 33px
 }
}
.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:13px;
 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:Poppins-Medium;
 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:"\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
 }
}

.show_pass{
	right: 10px;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	margin: auto;
	opacity: .15;
	cursor: pointer;
}

.show_pass img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: auto;
}