* {margin: 0;padding: 0;}
			html,body{margin:0;padding:0;}
			.Tesouraria {background:  rgb(217, 217, 217); height:100%; }
			.Integra{background: url(../images/login/Background.png) no-repeat; background-size:100%;}
            body {font-family:'Inter';
			font-weight:400;
			font-style:normal;
			font-size:20px;
			height:100%;
			}
            
            header { background: rgb(255,255,255); height:90px; display:flex; justify-content:space-between; align-items:center;}
			header svg, header img, header a{
				display:inline-block;
				vertical-align:middle;
			}
			header img{
				margin-left:35px
			}	
			header a{
				margin-top:4px;
			}
			.TextConexaoSSL {margin-right:35px;}
            
            a.tip { position: relative; top: -2px !important;}
            a.tip:hover {cursor: help;position: relative}
            a.tip span {display: none}
            a.tip:hover span {padding: 10px;display: block;z-index: 100;background: #FFFDCE;right: 0px;margin: 10px;
            width: 250px;position: absolute;top: 10px;text-decoration: none;text-align: left;color: black;font-size: 12px;}
            		
			.voltar input {
				font-family: 'Inter';
				font-style: normal;
				font-weight: 600;
				font-size: 16px;
				border: 1.5px solid #33846C;
				border-radius: 22px;
				width:275px; 
				height: 45px;
				background: #fff;
				color: #33846C;
				position:absolute; 	
				margin-top:10px;
				margin-left:48px;
			}
				
            #BoxLogin, #BoxDoisCodigos {
				width: 371px;
				height:380; /*304*/
				margin: 80px 80px;
				position:relative;
				background: rgb(255,255,255);
				border-radius:10px;
				padding-top:30px;

			}
			#BoxLogin3 {
				width: 371px;
				height:405px;
				margin: 50px 90px;
				position:relative;
				background: rgb(255,255,255);
				border-radius:10px;
				padding-top:30px;
			}

			.boxform1{
				margin-left:30px;
			}
				
				#BV{
						font-style: normal;
						font-family: Inter;
						font-style: normal;
						font-weight: 200;
						font-size: 18px;
						line-height: 22px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						color: #737373;
					}
					#S{
						font-family: 'Inter';
						font-style: normal;
						font-weight: 400;
						font-size: 22px;
						line-height: 27px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						color: #737373;
						display:inline-block;
						margin-right:5px;
					}
					
					#T{
						font-family: 'Inter';
						font-style: normal;
						font-weight: 500;
						font-size: 22px;
						line-height: 27px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						display:inline-block;
						color: #0A1D6F;
					}	
					
					#login{
						margin-top:30px;
						font-family: 'Inter';
						font-style: normal;
						font-weight: 500;
						font-size: 14px;
						line-height: 17px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						color: #0A1D6F;
						margin-left:10px;
					}
					#loginS{
					font-family: 'Inter';
					font-style: normal;
					font-weight: 500;
					font-size: 14px;
					line-height: 17px;
					/* identical to box height */
					display: flex;
					align-items: center;
					letter-spacing: 0.008em;
					margin-left:10px;

					/* Azul Rend */
					color: #0A1D6F;
					}
					.nomeDoUsuario, .senhaDoUsuario {color: #233262; }
					.nomeDoUsuario input, .senhaDoUsuario input {
						background: #F2F3F7;
						border: 1px solid #F2F3F7;
						border-radius: 5px;
						width:311px;
						height:50px;
						outline:none;
						margin-bottom:30px;
						padding-left: 10px;
						color: #737373;
						}
					.nomeDoUsuario ::placeholder, .senhaDoUsuario ::placeholder {
						font-family: 'Inter';
						font-style: normal;
						font-weight: 400;
						font-size: 16px;
						line-height: 19px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						/* Cinza escuro */
						color: #737373; !important;}
					
					.nomeDoUsuario input[type="text"]{
						font-family: 'Inter';
						font-style: normal;
						font-weight: 400;
						font-size: 16px;
						line-height: 19px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						padding-left:10px;
						/* Cinza escuro */
						color: #737373; !important;}
					
					.submit input {
						font-family: 'Inter';
						font-style: normal;
						font-weight: 600;
						font-size: 16px;
						border: none; 
						width:275px; 
						height: 45px;
						background: #D9D9D9;
						color: #737373;
						border-radius: 100px; 
						margin-left:18px;
					}
					.submit.ativo input{
						background-color:#54E99C;
						color:#0A1D6F;
					}
					
					.submit.ativo input:hover {
						background-color:#33846C;
						color:#FFFF;
						}
					
					#nomeDoUsuario_id:focus + #btnAvancar{
						background: #54E99C;
						color: #0A1D6F;
					}
					
					.toggle-password{
					position:absolute;
					border:none;
					background-color:transparent;
					right:45px;
					top:140px;
					}
					.lembrar{
						float:left;
						padding-left:50px;
						padding-top:3px;
						font-family: 'Inter';
						font-style: normal;
						font-weight: 400;
						font-size: 12px;
						display: flex;
						align-items: center;
						letter-spacing: 0.008em;
						color: #737373;
					}
					
					
					.switch {
					position: absolute;
					margin-left: -9999px;
					visibility: hidden;
					
					}

					.switch + label {
					display: block;
					position: relative;
					cursor: pointer;
					outline: none;
					user-select: none;
					}
					
					.switch--shadow + label {
					
					width: 38px;
					height: 22px;
					background-color: #dddddd;
					border-radius: 22px;
					}
					
					.switch--shadow + label:before,
					.switch--shadow + label:after {
					display: block;
					position: absolute;
					top: 1px;
					left: 1px;
					bottom: 1px;
					content: '';
					}
					.switch--shadow + label:before {
					right: 1px;
					background-color: #f1f1f1;
					border-radius: 22px;
					transition: all 0.4s;
					}
					.switch--shadow + label:after {
					width: 22px;
					background-color: #fff;
					border-radius: 100%;
					box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
					transition: all 0.4s;
					}
					
					.switch--shadow:checked + label:before {
					background-color: #54E99C;
					}
					.switch--shadow:checked + label:after {
					transform: translateX(21px);
					}
					
					.switch__container{
						margin-bottom:30px;
					}
			
			.wrapper{
				position:fixed;
				width:90%;
				height:100vh;
				}
			
				.imagem{
				left:550px;
				position:fixed;
				bottom:0;
				right:0;
				height:95%;
				width: 100%;
				background: url('../images/login/tesouraria.png') no-repeat;
				background-size:contain;
				}
				
				.imagemIntegra{
				left:550px;
				position:fixed;
				bottom:0;
				right:0;
				height:95%;
				width: 100%;
				background: url('../images/login/integra.png') no-repeat;
				background-size:contain;
				}
			
			
			
				
			.links{
				position:fixed;
				right:20px;
				bottom:200PX;
				display:flex;
				flex-direction:column;
			}
			.links .btn{
				margin-bottom:30px;
			}
			.links .btn:not:last-child){
				margin-bottom:0;
			}
			
            .MsgError {
				font-weight: 'Inter';  
				font-size:16px;
				width:311px;
				height:10px;
				background: #fff; 
				color: #9B0303;
				padding-bottom:20px;
			}

           


/* Segundo Fator */
/* A autenticação de dois fatores é a maneira mais eficaz de proteger a sua conta. Quando a autenticação de dois fatores for ativada, você precisará usar essa informação para fazer o login. */
.conteudo div {float: left; width: 28.45%; }
.conteudo div:nth-of-type(n+1):nth-child(-n+2) {padding-right:43px;border-right: 1PX solid #ccc;}
.conteudo div:nth-of-type(n+2):nth-child(-n+3) {padding-left: 43px;}
.conteudo{
	margin:20px;
	
}
.conteudo h2, .conteudo p{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #0A1D6F;
}
.msgInicial2F p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #737373;
margin-top:20px;

}

.titulo2F{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
/* Azul Rend */
color: #0A1D6F;
font-size:22px;
}

.titulo2FS{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
/* Azul Rend */
color: #0A1D6F;
font-size:22px;
}


.step{
	align-items:center;
	justify-content:center;
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#54E99C;
	color:#0A1D6F;
}





.GA{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#737373;
	border-radius:100px;
}

.botao2{
	display:flex;
	align-items:center;
	justify-content:center;
	width:350px; 
	height: 50px;
	border-radius: 100px; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	text-decoration:none;
	background-color:#54E99C;
	color:#0A1D6F;
	border:none;
}

.BoxDoQRcode{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	color: #737373;
	font-size:14px;
}

.chave{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	/* Azul Rend */
	color: #0A1D6F;
	font-size:14px;
}

.codigos{
	width: 230px;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #54E99C;
}

.2fator2{
	text-align:center;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #0A1D6F;
}

.tabelaBloq label{
	margin-left:10px;
}

.explicacao{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
/* Cinza Escuro */
color: #737373;
}


/*Exibe Modal para o Reset de Senha na tela de Login do Tesouraria/Integra*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 5px;
  border: 1px solid #888;
  width: 55%; /* Could be more or less, depending on screen size */
}

/*Exibe Modal para o Reset de Senha na tela de Login do Tesouraria/Integra*/
.modalAviso {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalAviso-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 5px;
  border: 1px solid #888;
  width: 400px; /* Could be more or less, depending on screen size */
  text-align: center;
}

.fechar {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.fechar:hover,
.fechar:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.codigoAutenticacao input[type="text"]{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	letter-spacing: 0.008em;
	padding-left:10px;
	/* Cinza escuro */
	color: #737373; !important;
}

.codigoAutenticacao {color: #233262; }
.codigoAutenticacao input {
	background: #F2F3F7;
	border: 1px solid #F2F3F7;
	border-radius: 5px;
	width:311px;
	height:50px;
	outline:none;
	margin-bottom:30px;
	padding-left: 10px;
	color: #737373;
}
	
.codigoAutenticacao ::placeholder {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	display: flex;
	align-items: center;
	letter-spacing: 0.008em;
	/* Cinza escuro */
	color: #737373; !important;
}	

.btnVoltarCodigoAutorizacao input {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	border: 1.5px solid #33846C;
	border-radius: 22px;
	width:275px; 
	height: 45px;
	background: #fff;
	color: #33846C;
}	

.btnAvancarCodigoAutorizacao input {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	border: none; 
	width:275px; 
	height: 45px;
	background: #D9D9D9;
	color: #737373;
	border-radius: 100px; 
}

.btnAvancarCodigoAutorizacao input {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		border: none; 
		width:275px; 
		height: 45px;
		background: #D9D9D9;
		color: #737373;
		border-radius: 100px; 
}
	
.btnAvancarCodigoAutorizacao.ativo input{
	background-color:#54E99C;
	color:#0A1D6F;
}

.btnAvancarCodigoAutorizacao.ativo input:hover {
	background-color:#33846C;
	color:#FFFF;
}

.button input {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	border: none; 
	width:275px; 
	height: 45px;
	background-color:#54E99C;
	color:#0A1D6F;
	border-radius: 100px; 
	margin-left:18px;
}

.conteudoCodigoAut td {float: left; width: 48.45%; }