/*LOGIN*/

.login_pdde header 		{background: #005D39 url(../img/fundo-login.jpg) no-repeat; margin: 0;}
.login_pdde header img 	{max-width: 250px;}


.login_pdde {
	grid-template-columns: 1fr 1fr; 
	display: grid;
	/*width: 100vw;*/
    /*height: 100vh;*/
    /*height: calc(100vh - 42.4px);*/
	padding: 0;
	font-family: 'Roboto', sans-serif !important;
	background: #00CF97;
	color: #EFEFEF;
}

.login_pdde .login_acesso .box_login {
	width: 100%; max-width: 360px; padding-bottom: 3rem;
}


.login_pdde .btn_azul {background: #00CFFF;}

.login_pdde .btn_verde {background: #005D39;}

.login_pdde .btn_verde:hover {background: #0E915E;}

.login_pdde .btn_cinza {background: #ebebeb;}

.login_pdde .btn_acesso_gov{
	align-items: center;
	background-color: #1351b4;
	border: 1px solid #1351b4;
	border-radius: 100em;
	box-sizing: border-box;
	color: #fff;
	display: inline-flex;
	font-family: Rawline,Raleway,sans-serif;
	font-size: .93333333rem;
	font-weight: 600;
	height: 48px;
	justify-content: center;
	padding: 0 24px;
}


.login_pdde input {
	width: 100%;
	background: #F5F6FA;
	height: 50px;
	padding: 2px 10px;
	margin-bottom: 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	border: 0;
}

.login_pdde .item_input input:active {
    border: 1px solid #fff;
}

.login_pdde .item_input input:focus {
    border: 1px solid #F5F6FA;
    outline: none;
    border-bottom: 1px solid #005D39;
}

.login_pdde button {
	width: 100%;
	border: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	border-radius: 3rem;
	padding: 0.6rem .2rem;
	margin-top: 1rem;
}

.login_pdde .opcoes_login {
	border-top: 1px solid #ebecf3;
	font-size: 0.8rem;
}

.login_pdde .opcoes_login a {
	color: #000;
	font-size: 1em;
	text-decoration: none;
	padding: .5rem 0;
	border-bottom: 1px solid rgb(255 255 255 / 0%);
}

.login_pdde .opcoes_login a:hover {
	border-bottom: 1px solid #000;
}

.login_pdde .informacoes{
	background: #FFF;
}

.texto_centralizado{
	text-align: center;
	margin-top: 1rem;
}

footer 						{background: #EFEFEF; padding: 2.5rem 1rem 1.5rem 1rem;); color: #2A2A2A;}
footer .redes_sociais a		{color: #2A2A2A; font-size: 1.4em; margin-right: 1rem;}
footer .acessibilidade 		{color: #2A2A2A;}
footer hr 					{border-color: #2A2A2A;}


@media only screen and (max-width: 768px)
{
	.login_pdde {
	    grid-template-columns: repeat(1,1fr)!important;
	}
	.login_pdde .login_acesso .box_login {
	padding: 2rem;
	}

}

/** estilo para o olho de visualiza??o da senha*/
.login_pdde #divpass {
	position: relative;
	}
	
	.login_pdde .olho {
		position: absolute;
		width: 30px;
		top: 10px;
		right: 10px;
		cursor: pointer;
		font-family: 'Roboto', sans-serif;
		font-size: 1em;
	
	}
	
	
	/** estilo para o olho na pagina de login especial */
	
	#divpass {
	position: relative;
	}
	
	.olho {
		position: absolute;
		width: 30px;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}