body {font-family: 'Poppins', sans-serif; color:#333333}
* {margin: 0; padding: 0; box-sizing:border-box}

/*login*/
.login-bg { background: url(../images/bg-login2.png); height: 100vh;  display: flex;  align-items: center; background-size: cover; position: relative}
.login-form {  max-width: 580px;  margin: 0 auto;  background: #fff;  padding: 69px 62px 52px;text-align: center;    border-radius: 20px;box-shadow: 1px 1px 10px rgba(0,0,0,0.4);}
.login-bg::before {content:""; position: absolute; top:0; left: 0; width:100%; height: 100%; background: linear-gradient(180deg, rgba(7,58,113,0.88) 54%, rgba(32,105,164,0.9) 100%); }
.panel img {  margin-bottom: 20px;}
.panel h3 {  font-size: 24px;  font-weight: 700;  margin-bottom: 22px;}
.login-form form input {  height: 50px;  border-radius: 25px !important;    border-color: #e5e5e5; padding-left: 30px;}
.login-form form input::placeholder {  color: #c8c8c8;  font-size: 16px;}
.login-form .input-group-text {  background: transparent;  border: none;}
.login-form .input-group-prepend {  position: absolute;  right: 15px;  top: 9px;  background: #fff; z-index: 9999;}
.login-form .input-group.form-group {  margin-bottom: 18px;}
.login-form button.btn-new { width: 100%;  border-radius: 25px; background: #063970;  height: 50px;  font-size: 16px;  text-transform: uppercase; border:none !important; margin-top:12px;}
.login-form .forgot {  margin-top: 15px; margin-bottom: 40px}
.login-form .forgot a { font-size: 16px;  color: #333333;}
.login-form button.btn-new:focus, .login-form button.btn-new:active { outline:none !important; background: #063970 !important; border:none !important}
.login-form p {  margin-bottom: 0px;}

span.error { position: relative; top: 2px;  left: 10px;  display: block;  width: 100%;  text-align: left; color: #f00;}
span.error label {  margin-bottom: 0px;   font-size: 15px;}
/*End*/


/*Responsive*/
@media (max-width:767px)
{
	.login-form {    padding: 30px;}
	.panel h3 {font-size: 20px;}
	.login-form p, .login-form .forgot a { font-size: 15px;}
	.login-form .forgot {    margin-bottom: 30px;}
}
@media (max-width:320px)
{
	.login-form {  padding: 15px;}
}
/*End*/