/*

//.........................
//.VVVV....VVVVV....4444...
//.VVVV....VVVV....44444...
//.VVVV....VVVV...444444...
//.VVVVV..VVVV....444444...
//..VVVV..VVVV...4444444...
//..VVVV..VVVV..44444444...
//..VVVVVVVVV...444.4444...
//...VVVVVVVV..V444.4444...
//...VVVVVVVV..V444444444..
//...VVVVVVV...V444444444..
//....VVVVVV........4444...
//....VVVVVV........4444...
//....VVVVV.........4444...
//.........................

V4

	TABLE OF CONTENTS
	----------------------------------------------------------------
	TABLE OF CONTENTS
	----------------------------------------------------------------
	*. front .................................................
	----------------------------------------------------------------
*/




.login {
	margin: 168px 0;
	position: relative;
}
.login label {
	color: #707478;
}
.login .login-header {
	position: absolute;
	top: -80px;
	left: 50%;
	right: 0;
	width: 450px;
	padding: 0 40px;
	margin-left: -225px;
	font-weight: 300;
}
.login .login-header .brand {
	padding: 0;
	font-size: 28px;
}
.login .login-header .brand .logo {
	border-color: #4dcaca #31a3a3 #1d8888;
	border-style: solid;
	border-width: 14px;
	width: 28px;
	height: 28px;
	position: relative;
	font-size: 0;
	margin-right: 10px;
	top: -9px;
}
.login .login-header .brand small {
	font-size: 14px;
	display: block;
}
.login .login-header .icon {
	position: absolute;
	right: 40px;
	top: -2px;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.login .login-header .icon i {
	font-size: 70px;
}
.login .login-content {
	padding: 30px 40px;
	color: #999;
	width: 450px;
	margin: 0 auto;
}



/* LOGIN POPUP */

.el-dialog__wrapper.main-dialog.login_p .el-dialog.login_wrap {
  background: linear-gradient(
    134deg,
    #3f3f3f 0,
    #101010 5%,
    #1c1c1c 30%,
    rgb(0 0 0 / 90%) 50%,
    #292929 70%,
    #101010 95%,
    #3f3f3f
  );
  border: 2px solid #212121;
  border-radius: 15px;
  overflow: hidden;
  padding: 20px;
  margin: 15% auto 0;
  position: relative;
}

.el-dialog__wrapper.main-dialog.login_p .el-dialog.login_wrap #frmPopLogin {
  border: none;
  background: transparent !important;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .el-row.loginform-blue4 {
  padding: 0 10px;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .el-row.loginform-blue4
  .el-input__inner {
  background-color: #323232e6;
  border-radius: 4px;
  border: none;
  color: #ffffff;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .el-row.loginform-blue4
  .el-form-item {
  margin-bottom: 12px;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .el-row.loginform-blue4
  .el-input
  .capimg.captcha2 {
  width: calc(35% - 5px) !important;
  height: 40px !important;
}

#pop_login.btn_b1.POPUP_LOGIN_ {
  color: #fff !important;
  background: #21bfd1 !important;
  text-align: center;
  border: none !important;
  margin: 0 0 10px 0;
  font-weight: 100;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  cursor: pointer;
  color: #fff;
  border-radius: 30px;
  text-shadow: 1px 1px 2px rgb(0 0 0 / 58%);
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .login-msg
  + .m-t-20.m-b-20.text-center.el-row {
  margin-bottom: 0 !important;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .lg_toreg {
  color: #3ad941 !important;
  font-style: normal;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.el-dialog__wrapper.main-dialog.login_p
  .el-dialog.login_wrap
  #frmPopLogin
  .el-row.loginform-blue4
  .login-msg
  > span {
  font-size: 16px !important;
  color: #21bfd1;
}

/* ----------------------------------- */