@import "https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round";


:root {
	--blue_1: #013970;
	--con_red: #CC2031;
	--con_red_op_08: #CC203114;
	--text_1: #8a8a8a;
	--border-color: #e9e9e9;
}

.login-photo .image-holder {
	display: table-cell;
	width: 50%;
	/* background: url(../../images/login.png); */
	background-size: cover;
	background-position: center;
}

.btn-blue-con {
	background-color: #013970 !important;
	border: 1px #013970 solid !important;
	color: #fff !important;
}

.login-photo .form-container {
	display: table;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.section-login-2 {
	width: 100%;
	margin: 0 40px;
}

.login-photo img {
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

.login-photo form {
	display: table-cell;
	width: 100%;
	background-color: #ffffff;
	padding: 30px;
	color: #505e6c;
	/* margin-right: 30px; */
	border-radius: 4px 0 0 4px;
}

.forgot-photo .image-holder {
	display: table-cell;
	width: auto;
	background: url(../../images/forgot_password.png);
	background-size: cover;
	background-position: center;
}

.forgot-photo .form-container {
	display: table;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}


@media (min-width: 1920px) {
	.forgot-photo .form-container {
		width: 70%;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 768px) {
	.login-photo .form-container {
		justify-content: center;
		display: flex;
	}
}

.forgot-photo form {
	display: table-cell;
	width: 500px;
	background-color: #ffffff;
	padding: 30px;
	color: #505e6c;
	border-radius: 4px;
}

.section-login {
	justify-content: flex-end !important;
	/* background-image: url(../../images/app/img-login.jpg); */
	background-repeat: no-repeat;
	background-size: cover;
}

/* DATAMAX */

:root {

	/* Colors: */
	--gray-blue900: #232A33;
	--blue400: #3A84E7;
	--blue200: #B6D2F6;
	--error600: #BA1A1A;
	--blue900: #092549;
	--black900: #2B2B2B;
	--white: #FFFFFF;
	--black500: #909090;
	--black300: #CCCCCC;
	--black800: #474747;
	--dark-blue200: #86BEFD;
	--dark-blue100: #C3DEFE;
	--blue700: #1452A3;
	--blue800: #0D376D;
	--yellow700: #A37A00;
	--yellow600: #F5B800;
	--yellow400: #FFD147;
	--yellow200: #FFE699;
	--yellow100: #FFF0C2;
	--dark-blue300: #5EA8FD;
	--dark-blue400: #3692FC;
	--dark-blue500: #0472F1;
	--dark-blue600: #0356B5;
	--dark-blue800: #023979;
	--blue300: #80B0EF;
	--gray-blue100: #E4E8EE;
	--gray-blue700: #556578;
	--dark-blue700: #023F87;
	--blue500: #1B6EDA;
	--yellow500: #FFC10E;

	/* Font/text values */
	--unnamed-font-family-open-sans: Open Sans;
	--unnamed-font-family-rubik: Rubik;
	--unnamed-font-style-normal: normal;
	--unnamed-font-weight-600: 600;
	--unnamed-font-weight-normal: normal;
	--unnamed-font-weight-medium: 500;
	--unnamed-font-size-12: 12px;
	--unnamed-font-size-14: 14px;
	--unnamed-font-size-16: 16px;
	--unnamed-font-size-18: 18px;
	--unnamed-font-size-20: 20px;
	--unnamed-font-size-23: 23px;
	--unnamed-font-size-26: 26px;
	--unnamed-font-size-33: 33px;
	--unnamed-font-size-47: 47px;
	--unnamed-font-size-87: 87px;
	--unnamed-character-spacing-0: 0px;
	--unnamed-character-spacing-0-06: 0.06px;
	--unnamed-character-spacing-0-01: 0.01px;
	--unnamed-character-spacing--0-43: -0.43px;
	--unnamed-line-spacing-16: 16px;
	--unnamed-line-spacing-20: 20px;
	--unnamed-line-spacing-24: 24px;
	--unnamed-line-spacing-28: 28px;
	--unnamed-line-spacing-40: 40px;
	--unnamed-line-spacing-48: 48px;
	--unnamed-line-spacing-88: 88px;
}

/* Character Styles */
.button {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-600);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-16);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
}

.label {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-600);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-16);
	letter-spacing: var(--unnamed-character-spacing-0-06);
	color: var(--black900);
}

.subtitle {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-600);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
}

.captions {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-16);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
}

.display {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-87);
	line-height: var(--unnamed-line-spacing-88);
	letter-spacing: var(--unnamed-character-spacing--0-43);
	color: var(--blue500);
}

.body {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
}

.button {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-600);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
}

.headline {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-47);
	line-height: var(--unnamed-line-spacing-48);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--dark-blue700);
}

.label {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-600);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black900);
}

.subtitle {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-20);
	line-height: var(--unnamed-line-spacing-24);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
}

.title1-m {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-23);
	line-height: var(--unnamed-line-spacing-24);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black800);
}

.captions {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-14);
	line-height: var(--unnamed-line-spacing-16);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black900);
}

.title1 {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-33);
	line-height: var(--unnamed-line-spacing-40);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black800);
}

.body {
	font-family: var(--unnamed-font-family-open-sans);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-16);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
}

.title2 {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-26);
	line-height: var(--unnamed-line-spacing-28);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black800);
}

.title2-m {
	font-family: var(--unnamed-font-family-rubik);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-20);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black800);
}

/*** LOGIN MATEO ***/

#section_forgot_password {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* width: 780px;
	height: 794px; */
	background: var(--white) 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 12px #09254914;
	border-radius: 12px 0px 0px 12px;
	opacity: 1;
	/* position: absolute; */
	left: 200px;
	width: 780px;
}

#section_recover_password {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* width: 780px;
	height: 794px; */
	background: var(--white) 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 12px #09254914;
	border-radius: 12px 0px 0px 12px;
	opacity: 1;
	/* position: absolute; */
	left: 200px;
	border-radius: 12px;
	height: 100%;
	width: 780px;
}

.reset-password-form-container {
	width: 680px;
	height: 100%;
	justify-content: center;
    display: flex;
    align-items: center;
}
#form_forgot_password,#form_recover_password{
	width: 100%;
}

.body-login {
	background-size: cover;
	height: 100vh;
	display: flex;
	align-items: center;
}

.container-content {
	height: 100%;
	width: 100%;
	background: url('../../images/app/img-login.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 80%;
	display: grid;
	left: 20px;
}

html .pace .pace-progress {
	background: #5A8DEE;
}

aside {
	display: flex;
	flex-direction: column;
	width: 780px;
	height: 100%;
	max-height: 100%;
	background: var(--white) 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 12px #09254914;
	border-radius: 12px 0px 0px 12px;
	opacity: 1;
	/* position: absolute; */
	/* left: 200px; */
	padding: 50px;
	justify-content: center;
	align-items: center;



}

.dtm-login {
	width: 60%;
}

.foot-log {
	position: absolute;
	left: 148px;
	bottom: 8%;
}

.txt-footer {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
	text-align: center;
	opacity: 1;
}

.txt-footer img {
	width: 121px;
}


.titl-log {
	position: relative;
	/* top: 140px; */
	/* left: 105px; */
	width: 590px;
	text-align: center;
	padding-bottom: 20px;
}

.content-log {
	/* position: absolute; */
	/* top: 250px; */
	/* left: 107px; */
	/* width: 590px; */
}

.cursor-pointer {
	cursor: pointer !important;
}

.ctn-input {
	position: relative;
	padding: 0;
	margin-right: 0 !important;
}

.rotate {
	transform: rotate(180deg);
}

.label {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black500);
	opacity: 1;
	position: absolute;
	user-select: none;
	cursor: pointer;
}

.label-log {
	top: 25%;
	left: 10px;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
}

.label-active {
	top: -10px;
	left: 8px;
	background: var(--white);
	left: 10px;
	text-align: left;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans) !important;
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--blue400) !important;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.label-active-bl {
	color: var(--gray-blue700) !important;
}

.label-active-bl:hover {

	border-color: var(--gray-blue700) !important;


}

.label-inp-sel {
	top: 25%;
	right: 20px;
	cursor: pointer;
}

.log-input {
	width: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid var(--gray-blue700);
	border-radius: 4px;
	opacity: 1;
	padding: 10px 16px;
	appearance: none;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
	max-height: 44px;
	min-height: 44px;
	cursor: pointer;
}

.log-input.error:not(:focus)~.label {
	color: #BA1A1A !important;
	top: -10px !important;
	background-color: var(--white);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
}

.log-input.error:focus~.label {
	top: -10px !important;
	background-color: var(--white);
	color: #BA1A1A !important;
	border-color: #BA1A1A;
}

.log-input.error:focus {

	border-color: #BA1A1A;
}


.log-input.error:hover {
	border-color: #BA1A1A;
}

/*.log-input:focus{
    border-color: var(--blue400) !important;
}*/


.con-input-esp {
	padding: 0;
}

.log-input.error:focus~.label {
	top: -10px !important;
	background: var(--white);
	color: #BA1A1A !important;
	border-color: var(--blue400) !important;
}

.inp-active {
	outline: var(--blue400);
}

#pass {
	margin-top: 24px;
}

.content-chk {
	padding: 8px;
	border-radius: 4px;
}


.chb-input {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.chk-input {
	width: 24px;
	height: 24px;
	/* margin-top: 16px; */
	float: left;
	cursor: pointer;
	border-radius: 4px;
}

.chk-input input:checked {
	background-color: red;
}


.txt-rmb {
	float: left;
	/* margin-top: 20px; */
	/* margin-left: 8px; */
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black900);
	text-align: left;
	opacity: 1;
}

.btn-submit {
	position: relative;
	width: 100%;
	height: 44px;
	border: 0px;
	background: var(--blue500) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	cursor: pointer;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--white);
	text-align: center;
	opacity: 1;
	margin-top: 40px;
	outline: none;
}

.btn-submit:hover {
	opacity: 0.85;
}

.btn-submit:focus:not {
	opacity: 0.85;
}

.btn-submit:disabled {

	background: rgb(71, 71, 71, 0.12) 0% 0% no-repeat padding-box;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black800);
	text-align: center;
	opacity: 0.38;
}

.password-new {
	display: flex;
	justify-content: center;
	text-decoration: underline;
	position: relative;
	top: 25px;
	padding: 9px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blue500);
	text-align: center;
	opacity: 1;
	margin-bottom: 28px;
	text-align: center;
	opacity: 1;
}

.password-new:hover {
	background: rgb(27, 110, 218, 0.08) 0% 0% no-repeat padding-box;
	border-radius: 4px;
}

.show-password {
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 16px;
	opacity: 0.8;
}

.content-btn {
	position: absolute;
	top: 73%;
	left: 105px;
	width: 398px;
	border-top: 1px solid var(--gray-blue100);
	padding-top: 5px;
}

.btn-register {
	position: relative;
	width: 100%;
	height: 44px;
	border: 1px solid;
	background: var(--white) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	cursor: pointer;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blue500);
	text-align: center;
	text-decoration: none;
	opacity: 1;
	margin-top: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.btn-register:hover {
	background: rgb(27, 110, 218, 0.08) 0% 0% no-repeat padding-box;
}

.btn-register:focus:not {
	opacity: 0.85;
}

.icn-imge {
	margin-right: 8px;
}

.password-login .titl-log {
	left: 107px;
	top: 124px;
}

.password-login .content-log {
	left: 108px;
	width: 410px;
	text-align: center;
	top: 247px;
}

.btn-back {
	float: left;
	cursor: pointer;
}

.code-login .titl-log {
	left: 107px;
	top: 124px;
}

.code-login .content-log {
	left: 108px;
	width: 410px;
	text-align: center;
	top: 247px;
}

.code-login .content-btn {
	top: 75%;
	border: none;
	padding-top: 0px;
}

.email-rmb {
	width: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--black900);
	text-align: center;
	opacity: 1;
	height: 44px;
	outline: none;
}

#edit-email {
	cursor: pointer;
	position: absolute;
	top: 122px;
	right: 20px;
	color: var(--blue500);
	font-size: 20px;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 32px;
	justify-content: center;
}

.grid-container>input {
	width: 44px;
	height: 44px;
	text-align: center;
	padding: 20px 0;
	border: 1px solid #556578;
	border-radius: 4px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black500) !important;
	opacity: 1;
	outline: none;
	cursor: pointer;
}

.grid-container>input:hover {
	border: 1px solid var(--blue500);
}

.grid-container>input:focus {
	border: 1px solid var(--blue500);
}

.code-text {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
	text-align: center;
	opacity: 1;
}

.reen-code {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blue500);
	text-align: center;
	opacity: 1;
	padding: 9px;
	cursor: pointer;
}

.reen-code:hover {
	background: rgb(27, 110, 218, 0.08) 0% 0% no-repeat padding-box;
	border-radius: 4px;
}

.password-log .titl-log {
	left: 107px;
	top: 124px;
}

.password-log .content-log {
	left: 108px;
	width: 410px;
	text-align: center;
	top: 247px;
}

.back-login {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blue500);
	text-align: center;
	opacity: 1;
	padding: 9px;
	cursor: pointer;
	margin-top: 16px;
}

.info-log {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black800);
	text-align: center;
	opacity: 1;
}

.back-login:hover {
	background: rgb(27, 110, 218, 0.08) 0% 0% no-repeat padding-box;
	border-radius: 4px;
}


.register-norm .titl-log {
	left: 107px;
	top: 124px;
}

.register-norm .content-log {
	left: 108px;
	width: 410px;
	text-align: center;
	top: 198px;
}

#rgt-now {
	margin-top: 40px;
}

.info-pswd {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: var(--black900);
	text-align: center;
	opacity: 1;
	margin: 16px 0 34px 0;
}

input-error,
input.error {
	border: 1px solid #BA1A1A;
	width: 100%;
	color: var(--black800) !important;
	font-size: 16px;
	/* font-family: var(--unnamed-font-family-open-sans); */
}

.cuad_num.error {
	width: 44px;
}

.cuad_num.error:hover {
	border: 1px solid #BA1A1A;
}

.label-error {
	top: -10px !important;
	left: 10px !important;
	background: var(--white);
	color: #BA1A1A !important;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.error {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	display: flex;
	flex-direction: initial;
	align-items: center;
	margin-top: 0px !important;
}

.error::after {

	content: "" !important;

}

.label-err {
	top: -10px;
	left: 8px;
	background: var(--white);
	left: 10px;
	text-align: left;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
	color: #BA1A1A;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

.valid:hover {
	border-color: var(--black800);
}

.log-input::placeholder {
	color: var(--black800);
	opacity: 0;
}

.log-input:focus::placeholder {
	opacity: 1;

}

.log-input.error::placeholder {
	opacity: 1;
}

.log-input:hover {
	border-color: var(--blue400);
}

.log-input:hover+label {
	color: var(--black800);
}

.log-input.error:hover {
	border-color: #BA1A1A;
}

.label-inp {
	top: 20%;
	left: 16px;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
}

#btnchange {
	position: relative;
	width: 70px;
	height: 44px;
	border: 0px;
	background: var(--blue500) 0% 0% no-repeat padding-box;
	border-radius: 4px;
	cursor: pointer;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--white);
	text-align: center;
	opacity: 1;
	margin: 0px 24px 24px;
}

#btnchange:hover {
	opacity: 0.85;
}

.log-input[type=password] {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-open-sans);
	letter-spacing: 8px;
}

.log-input[type=password]::placeholder {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
	letter-spacing: var(--unnamed-character-spacing-0-01);
}

.log-input:-webkit-autofill,
.log-input:-webkit-autofill:hover,
.log-input:-webkit-autofill:focus,
.log-input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

input:autofill {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: 0 0 0 40px white inset !important;
}

.con-input.error::placeholder {
	opacity: 1;
}

.con-input.error:hover {
	border: 1px solid #BA1A1A;
	width: 100%;
	font-size: 16px;
}

.log-input:-internal-autofill-selected~label {
	top: -10px;
	background: var(--white);
	color: var(--gray-blue700);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans) !important;
	letter-spacing: var(--unnamed-character-spacing-0-01);

}



@media only screen and (max-height: 800px) {
	.container-content {
		justify-content: center;
	}

	.txt-login {
		font-size: var(--unnamed-font-size-26);
	}

	.dtm-login {
		width: 230px;
	}

	#pass {
		margin-top: 12px;
	}

	.btn-submit {
		margin-top: 20px;
	}

	.password-new {
		top: 5px;
	}

	.content-btn {
		top: 75%;
	}

	.btn-register {
		margin-top: 10px;
	}

	.txt-footer {
		margin-bottom: 0;
	}

	.register-norm .titl-log {
		top: 70px;
	}

	.register-norm .content-log {
		top: 88px;
	}

	.password-login .content-log {
		top: 187px;
	}

	.code-login .content-log {
		top: 150px;
	}

	.password-log .content-log {
		top: 150px;
	}

	.foot-log {
		bottom: 4%
	}

}

@media only screen and (max-height: 390px) {
	#form_login {
		margin-bottom: 60px;
	}
}

.form-control {
	height: 40px !important;
}

.login-l{
	width: 100%;
}

@media only screen and (max-width: 1200px) {

	#section_forgot_password,#section_recover_password {
		width: 524px;
		height: 540px;

		align-self: center;
		justify-self: center;

		border-radius: 12px;
	}

	#section_recover_password {
		width: 600px;
		height: auto;
		padding: 3rem;
	}

	.reset-password-form-container {
		width: 100%;
		height: 100%;
		padding: 0px !important;
	}

	aside {
		width: 100%;
		right: 0px;
		border-radius: 0px;
		background: none;
		box-shadow: none;
		top: revert;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}

	.login-l {
		background: var(--white) 0% 0% no-repeat padding-box;
		box-shadow: 0px 4px 12px #09254914;
		border-radius: 12px 12px 12px 12px;
		width: 600px;
		height: 700px;
		position: relative;
		/* padding: 20px; */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#form_login,
	#form_new_fresh_password {
		width: 100%;
	}

	.password-login {
		background: var(--white) 0% 0% no-repeat padding-box;
		box-shadow: 0px 4px 12px #09254914;
		border-radius: 12px 12px 12px 12px;
		width: 524px;
		height: 477px;
		position: relative;
		top: 30%;
	}

	.code-login {
		background: var(--white) 0% 0% no-repeat padding-box;
		box-shadow: 0px 4px 12px #09254914;
		border-radius: 12px 12px 12px 12px;
		width: 529px;
		height: 477px;
		position: relative;
		top: 30%;
	}

	.password-log {
		background: var(--white) 0% 0% no-repeat padding-box;
		box-shadow: 0px 4px 12px #09254914;
		border-radius: 12px 12px 12px 12px;
		width: 524px;
		height: 477px;
		position: relative;
		top: 30%;
	}

	.titl-log {
		left: 0;
		/* top: 40px; */
		width: 100%;
		text-align: center;
	}

	.title1 {
		font-size: var(--unnamed-font-size-23);
		line-height: var(--unnamed-line-spacing-24);
	}

	.password-log .title {
		font-size: var(--unnamed-font-size-23);
		line-height: var(--unnamed-line-spacing-24);
		width: 40%;
	}

	.password-log .btn-submit {
		margin-top: 20px;
	}

	.titl-log img {
		width: 241px;
	}

	.content-log {
		/* top: 100px; */
		left: 0px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 20px;
	}

	#form_login_admin {
		width: 85%;
	}

	.foot-log {
		left: 0;
		width: 100%;
		top: 740px;
	}

	.login-l .btn-submit {
		margin-top: 27px;
	}

	.content-btn {
		left: 0px;
		top: 455px;
		text-align: center;
		position: absolute;
		padding-top: 0px;
		width: 100%;
	}

	.content-btn .btn-register {
		width: 85%;
	}

	.password-login .titl-log {
		left: 64px;
		top: 64px;
	}

	.password-login .content-log {
		left: 0px;
		width: 100%;
		top: 88px;
		flex-direction: column;
		align-items: center;
	}

	.password-login .info-log {
		margin: 16px 0px 24px;
		width: 85%;
	}

	#form_password_admin {
		width: 85%;
	}

	.code-login .titl-log {
		left: 64px;
		top: 64px;
	}

	.code-login .content-log {
		left: 0px;
		width: 100%;
		top: 88px;
		flex-direction: column;
		align-items: center;
	}

	.code-login .info-log {
		width: 85%;
	}

	#form_code_again {
		width: 100%;
	}

	.code-login .content-btn {
		left: 0px;
		top: 405px;
	}

	.code-login .btn-submit {
		width: 65%;
	}

	.grid-container {
		gap: 16px;
	}

	.password-log .titl-log {
		left: 64px;
		top: 64px;
	}

	.password-log .content-log {
		left: 0px;
		width: 100%;
		top: 88px;
		flex-direction: column;
		align-items: center;
	}

	#form_password_new {
		width: 85%;
	}

	.info-log {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-open-sans);
		width: 80%;
	}

	.code-text {
		margin-bottom: 0px;
	}

	.register-norm {
		background: var(--white) 0% 0% no-repeat padding-box;
		box-shadow: 0px 4px 12px #09254914;
		border-radius: 12px 12px 12px 12px;
		width: 548px;
		height: 564px;
		position: relative;
		top: 23%;
	}

	.register-norm .titl-log {
		left: 64px;
		top: 64px;
	}

	.register-norm .content-log {
		left: 0px;
		width: 100%;
		top: 88px;
		flex-direction: column;
		align-items: center;
	}

	.register-norm .info-log {
		width: 70%;
	}

	#rgt-now {
		margin-top: 24px;
	}

	.register-norm #rgt-now {
		margin-top: 16px;
	}

	.info-pswd {
		font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-16) var(--unnamed-font-family-open-sans);

	}

	.register-norm .btn-submit {
		margin-top: 0px;
	}

	#form_register_norm {
		width: 85%;
	}

	.password-login .btn-submit {
		width: 85%;
	}

	.password-log .btn-submit {
		width: 75%;
	}

}

@media only screen and (max-width: 800px) {

	html .bg-full-screen-image {
		/* background-image: url('../../images/app/view_request_credit.png') !important; */
		background-size: cover;
		background-attachment: fixed;
		padding: 0;
		margin: 0;
		min-height: 100vh;
	}

	.email-rmb {
		width: 85%;
	}

	#edit-email {
		top: 107px;
		right: 20px;
	}

	.reen-code:hover {
		background: none;

	}

	.back-login:hover {
		background: none;
	}
}



@media only screen and (max-width: 768px) {

	label{
		font-size: 12px;
	}

	aside,
	#section_forgot_password,
	#section_recover_password {
		left: 0 !important;
		overflow-x: hidden;
		top: 0;
	}

	#section_forgot_password {
		width: 100%;
		background: transparent;
		box-shadow: none;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
	}

	#section_recover_password {
		width: 100%;
		background: transparent;
		box-shadow: none;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		padding: 20px;
	}

	.dtm-login {
		width: 200px;
	}

	.reset-password-form-container {
		width: 100%;
		/* padding: 20px !important; */
	}

	.login-l {
		background: none;
		box-shadow: none;
		border-radius: 0px;
	}

	.login-l,
	.password-login,
	.code-login,
	.password-log,
	.register-norm {
		width: 90%;
	}

	.titl-log img {
		width: 200px;
	}

	.login-l{
		justify-content: start;
		padding: 5vh 0 0 0;
		width: 100%;
		height: 100%;
	}

	.password-login .btn-submit {
		width: 100%;
		margin-top: 10px;
	}

	.password-log .btn-submit {
		width: 100%;
	}

	.code-login .btn-submit {
		width: 85%;
	}

	#edit-email {
		top: 107px;
		right: 15px;
	}


}

.save_change_passw{
	margin: 50px 0 0;
}
/* iziToast */

.iziToast-wrapper {
	bottom: 0;
	width: auto;
	padding: 0 24px;
	margin-bottom: 30px;
	/* align-items: center; */
}

.iziToast {
	border-radius: 4px;
	width: 100%;
	max-width: 100% !important;
	margin: 8px 0;
	padding: 0 44px 0 0;
	height: auto;
	min-height: 48px;
	border: none;
}

.iziToast>.iziToast-body {
	margin: 0;
	padding: 12px 8px 12px 16px;
	height: auto;
	min-height: 48px;
	text-align: left;
	position: relative;
	display: flex;
	align-items: center;
}

.iziToast>.iziToast-body .iziToast-texts {
	margin: 0;
	padding: 0;
}

.iziToast>.iziToast-body .iziToast-message {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-20) 'Ubuntu Regular' !important;
	letter-spacing: var(--unnamed-character-spacing-0-01) !important;
	color: var(--white) !important;
	margin: 0;
	font-size: 16px !important;
}

.iziToast>.iziToast-close {
	background: url(../img/admin/close-icon.png) no-repeat 50% 50%;
	background-size: 12px;
	width: 24px;
	position: absolute;
	right: 12px;
	opacity: 1;
}

.iziToast>.iziToast-close:hover {
	opacity: 0.8;
}

.iziToast>.iziToast-close:active {
	opacity: 0.6;
}

.iziToast-capsule {
	max-width: 1212px;
	margin: 0;
}


@media (max-width: 768px) {

	.iziToast-wrapper {
		left: 0 !important;
		right: 0 !important;
		padding: 0 20px;
	}
}


.code-input-container {
	gap: 8px;
}

.code-input {
	text-align: center !important;
	width: 40px !important;
	border: none !important;
	border-bottom: 2px solid var(--text_1) !important;
	border-radius: 0px;
}

/** - - - **/

.ctn-ck {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -8px;
	border-radius: 4px;
}

.ctn-ck:hover {
	background: rgba(85, 101, 120, 0.08);
}

.ck-form {
	appearance: none;
	border: 1px solid var(--gray-blue700);
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	border-radius: 3px;
	padding: 0 !important;
	outline: none;
	margin: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in;
}

.checkbox {
	display: none;
}

.ctn-ck .ck-icon {
	opacity: 0;
	color: var(--white);
	font-size: 20px;
}

.checkbox:checked~.ck-form {
	background: var(--blue500);
	border: 1px solid var(--blue500);
}

.checkbox:checked~.ck-form .ck-icon {
	opacity: 1;
}

.ctn-ck-active {
	background: none;
}

.ctn-ck-active:hover {
	background: rgba(27, 110, 218, 0.08);
}

/* CHANGE PASSWORD */

.form-control-position {
	top: 24px;
}

.iziToast-wrapper {
	position: absolute !important;
	width: 100% !important;
	/* height: 100% !important; */
	flex-direction: row-reverse !important;
	align-items: flex-start !important;
}

.iziToast-wrapper-bottomCenter {
	text-align: unset !important;
}

@media only screen and (min-width: 568px) {
	.iziToast-wrapper {
		padding: 10px 30px !important;
	}
}

.iziToast-capsule {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iziToast-wrapper {
	flex-wrap: wrap !important;
	align-content: flex-start !important;
	justify-content: center;
}

@media only screen and (max-width: 420px) and (max-height: 440px) {
	.login-l {
		height: 100%;
	}
}


form .error:not(input) {
	text-transform: initial;
	font-family: 'Ubuntu Regular';
}

.font-ubu {
	font-family: 'Ubuntu Regular';
}


.show_password {
	border: none;
	margin: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.content_show_password {
	position: absolute;
	top: 25px;
	right: 0;
}

footer {
	bottom: 0;
	position: fixed;
	background-color: #FFFFFF;
	width: 100%;
	font-size: 12px;
}


@media (max-width: 1284px) {

	.btn-outline-secondary:active,
	.btn-outline-secondary.active {
		background-color: transparent !important;
		color: #3e536b !important;
	}


	.btn-outline-secondary:hover,
	.btn-outline-secondary.hover {
		background-color: transparent !important;
		color: #506b8b !important;
	}
}

.passw {
	padding-right: 50px;
}