/*
input:-webkit-autofill { 
  -webkit-box-shadow:200px 200px 100px white inset; 
  box-shadow:200px 200px 100px white inset; 
  transition: background-color 5000s ease-in-out 0s;
}
input:-autofill { 
  -webkit-box-shadow:200px 200px 100px white inset; 
  box-shadow:200px 200px 100px white inset; 
  transition: background-color 5000s ease-in-out 0s;
}
*/

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-dismissable,
.alert-dismissible {
	padding-right: 35px;
}
.alert {
	padding: 15px;
	margin-bottom: 0px;
	border: 5px solid transparent;
	border-radius: 0px;
	text-align: center;
	font-family: 'Graphik-Regular';
	font-size: 14px;
}
.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	color: inherit;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
@media (min-width: 0px) {
	.conteudo {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.form__fale-conosco {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100vw;
		overflow-y: visible;
	}
	.imagem__fale-conosco-mobile {
		display: none;
	}
	/*-----------------------DADOS-LOGIN--------------------*/
	.secao__dados {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3.5rem;
		width: 50vw;
		height: 100vh;
	}
	.container__cabecalho___dados {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.5rem;
	}
	.titulo__cabecalho___dados {
		font-family: 'Graphik-SemiBold';
		font-size: 40px;
		color: #292A2C;
		margin: 0%;
	}
	.descricao__cabecalho___dados {
		font-family: var(--inter);
		font-weight: var(--medium);
		font-size: 16px;
		color: var(--low-light);
		margin: 0%;
	}
	.secao__form___dados {
		display: flex;
		flex-direction: column;
		gap: 3.5rem;
		width: 31rem;
		margin-top: -35px;
	}
	.titulo__form___dados {
		font-family: var(--inter);
		font-weight: var(--bold);
		font-size: 21.8px;
		color: #000000;
		margin: 0%;
	}
	.secao__inputs___form {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	.container__input___form {
		display: flex;
		flex-direction: column;
	}
	.label__input___form {
		font-family: 'Graphik-Regular';
		font-size: 12px;
		color: var(--low-light);
		margin: 0%;
		position: relative;
		top: 2rem;
		left: 1rem;
		width: 7rem;
		user-select: none;
		z-index: 999;
		transition: all .2s ease-in-out;
	}
	.input__form {
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		border: 1px solid #828282;
		border-radius: 8px;
		width: 31rem;
		height: 3.063rem;
		font-family: 'Graphik-Regular';
		font-size: 14px;
		color: #000000;
		background-color: transparent;
		z-index: 200;
		transition: all .2s ease-in-out;
	}
	.input__form:-webkit-autofill {} .input__form:focus {
	    border: 1px solid var(--primary-dark);
		outline: 1px solid var(--primary-dark);
		padding-top: 2.625rem;
		height: 4.688rem;
		transition: all .2s ease-in-out;
	}
	.text__area___form {
		padding-top: 1rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		border: 1px solid #828282;
		border-radius: 8px;
		width: 31rem;
		height: 11.563rem;
		font-family: 'Graphik-Regular';
		font-size: 14px;
		color: #000000;
		resize: none;
		transition: all .2s ease-in-out;
	}
	.text__area___form:focus {
	    border: 1px solid var(--primary-dark);
		outline: 1px solid var(--primary-dark);
		padding-top: 2.625rem;
		height: 12.863rem;
		transition: all .2s ease-in-out;
	}
	.botao__entrar-login {
		width: 31rem;
		border: none;
		background-color: #00bd62;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
		border-radius: 8px;
		font-family: var(--inter);
		font-weight: var(--semi-bold);
		font-size: 16px;
		color: #ffffff;
		background-image: url("https://genu-webcontent.s3.sa-east-1.amazonaws.com/anon/Anonymous/sst/images/interacoes/active-fale-conosco.svg");
		background-position-x: center;
		background-position-y: center;
		background-repeat: no-repeat;
		background-size: 0% 0%;
		transition: all .4s ease-in-out;
		position: relative;
		top: -1rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 0.604rem;
	}
	.botao__entrar-login:hover {
		background-color: #00703A;
		transition: all .15s ease-in-out;
	}
	.botao__entrar-login:active {
		background-image: url("https://genu-webcontent.s3.sa-east-1.amazonaws.com/anon/Anonymous/sst/images/interacoes/active-fale-conosco.svg");
		background-position-y: center;
		background-position-x: center;
		background-size: 20rem 20rem;
		transition: all .4s ease-in-out;
	}
	.botao__entrar-login:disabled {
		background-color: #E3E5E6;
	}
	@keyframes animaLoading {
		100% {
			transform: rotate(360deg)
		}
	}
	.botao__visualizar-senha {
		background-color: transparent;
		border: none;
		width: 1.475rem;
		height: 1.2rem;
		background-image: url("https://genu-webcontent.s3.sa-east-1.amazonaws.com/anon/Anonymous/sst/images/login/vetor-olho-fechado.svg");
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		top: -2.1rem;
		left: 92%;
		z-index: 50000;
	}
	.secao__botoes___login {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 31rem;
		position: relative;
		top: -1rem;
	}
	.container__checkmarck {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1rem;
	}
	.container__input___checkmarck {
		width: 1.438rem;
		height: 1.438rem;
	}
	.input__manter-conectado {
		all: unset;
		width: 1.438rem;
		height: 1.438rem;
		background-color: transparent;
		border-radius: 5px;
		border: 1px solid #828282;
		display: inline-block;
		cursor: pointer;
	}
	.input__manter-conectado:checked {
		background-color: var(--primary-dark);
		color: var(--primary-dark);
		border: 2px solid var(--primary-dark);
		background-image: url("https://genu-webcontent.s3.sa-east-1.amazonaws.com/anon/Anonymous/sst/images/interacoes/login/vetor-checkbox.svg");
		background-repeat: no-repeat;
		background-position: center center;
	}
	.label__manter-login {
		font-family: 'Graphik-Regular';
		font-size: 14px;
		color: #828282;
	}
	.link__esquece-senha {
		font-family: 'Graphik-Regular';
		font-size: 14px;
		color: var(--primary-dark);
	}
	.secao__botoes___lojas {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 3.066rem;
		width: 31rem;
	}
	.imagem__loja {
		width: 10.125rem;
		height: auto;
	}
	/*-----------------VARIANTES-BOTAO-LOGIN----------------*/
	/*----------INPUT-PREENCHIDO----------*/
	.botao__entrar-login-preenchido {
		background-color: var(--primary-dark);
		color: #FFFFFF;
	}
	.botao__entrar-login-preenchido:hover {
		background-color: #00703A;
		transition: all .15s ease-in-out;
	}
	/*------------INPUT-LOADING----------*/
	.botao-loading-login {
		display: none;
	}
	.botao-loading-login__ativado {
		display: block;
		animation: animaLoading .8s ease-in-out infinite;
	}
	@keyframes animaLoading {
		100% {
			transform: rotate(360deg)
		}
	}
	/*------------LOGIN-CONCLUIDO----------*/
	.vetor-check-login {
		display: none;
	}
	.vetor-check-login-ativado {
		display: block;
	}
	/*-----------------------VALIDACAO-LOGIN--------------------*/
	/*------------LOGIN-EMAIL-ERRADO----------*/
	.mensagem__erro-email {
		font-family: var(--inter);
		font-weight: var(--regular);
		margin-top: .5rem;
		color: #EB3F3F;
		display: none;
	}
	.mensagem__erro-email-ativo {
		display: block;
	}
	/*------------LOGIN-SENHA-ERRADA----------*/
	.mensagem__erro-senha {
		font-family: var(--inter);
		font-weight: var(--regular);
		color: #EB3F3F;
		position: relative;
		top: -.8rem;
		display: none;
	}
	.mensagem__erro-senha-ativo {
		display: block;
	}
	/*------------LOGIN-RETORNO SERVIDOR----------*/
	.mensagem__erro-submit {
		font-family: var(--inter);
		font-weight: var(--regular);
		margin-top: .5rem;
		color: #EB3F3F;
		display: none;
		text-align: center;
	}
	.mensagem__erro-submit-ativo {
		display: block;
	}
	/*------------INPUT-LABEL-VALIDACAO----------*/
	.input-erro__ativo {
		border: 1px solid #EB3F3F;
	}
	.input-erro__ativo:focus {
		outline: 1px solid #EB3F3F;
		border: 1px solid #EB3F3F;
	}
	.label__input___form-erro {
		color: #EB3F3F;
	}
	/*-----------------------BACKGROUND-GENU--------------------*/
	.secao__background-genu {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 50vw;
		height: 100vh;
		background-color: var(--primary-dark);
		background-image: url("https://genu-webcontent.s3.sa-east-1.amazonaws.com/anon/Anonymous/sst/images/login/vetor-background-genu.svg");
		background-position: 100% center;
		background-repeat: no-repeat;
		background-size: 130% 130%;
	}
	.logo-genu__login {
		width: 20.666rem;
	}
}
/*--------------------------------MFA--------------------------------*/

.input_token_mfa_number {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 1px solid #828282;
	border-radius: 8px;
	width: 100%;
	height: 3.063rem;
	font-family: 'Graphik-Regular';
	font-size: 14px;
	color: #000000;
	background-color: transparent;
	z-index: 200;
	text-align: center;
}
.input_token_mfa_number:focus{
    border: 1px solid var(--primary-dark);
    outline: 1px solid var(--primary-dark);
}
.box_number {
	width: 50px;
}
.container_token {
	display: flex;
	justify-content: space-between;
}
.token_mfa_section{
    display: none;
}
.token_mfa_desc {
	font-family: var(--inter);
	font-weight: var(--medium);
	font-size: 16px;
	color: var(--low-dark);
	text-align: center;
}

.ask_mfa_desc {
    font-family: 'Graphik-Regular';
	font-size: 15px;
	text-align: center;
	color: #292a2c;
    text-align: center;
    background: #d7d7d78f;
    padding: 15px;
    border: 0;
    margin-bottom: 20px;
    margin-top: -10px;
    border-radius: 8px;
    border: 1px solid #bbb;
    text-align: justify;
}

#ttp_token {
	cursor: default;
}
.input__form:disabled,.input_token_mfa_number:disabled {
	background-color: #ddd;
	border-color: #bbb
}
.pergunta_habilita_mfa_section{
    display: none;
}
#id-button-continuar{
    top: 1rem;
}
.chk_habilita_mfa {
	font-family: 'Graphik-Regular';
	font-size: 15px;
	color: var(--low-dark);
}