@charset "utf-8";
:root{
	--font-padrao : 'Roboto';
}
/* CSS Document */

	#Conteudo {
		width:100%; height:100%;
		position:relative;
	}

	#Conteudo #Login {
		width:300px; height:300px;
		padding:20px;
		position:absolute;
		bottom:50px; right:50px;
		background: #ffffff99;
    	backdrop-filter: blur(4px);
		border:1px solid #FFF;
		border-radius: 0 0 10px 10px;
	}
	#Conteudo #Logo{
		text-align:center;
		width:300px; height:100px;
		padding:0px 20px 5px 20px;
		position:absolute;
		right:50px;
		bottom:390px;
		background-color: rgba(0,0,0,0.5);
		backdrop-filter: blur(4px);
		opacity:1;
	}
	div#Login div.divCampo{
		width:200px; height:35px;
		border:1px solid transparent;
		border-left:none;
		border-radius:1px;
		padding:0px 10px 0px 50px;
		background-color:#FFF;
		background-repeat:no-repeat;
		background-position:left center;
		margin-bottom:10px;
		background-size: 40px;
    	border-radius: 8px;
	}
	div#Login input {
		width:190px; height:35px;
		font-family: var(--font-padrao);
		font-size:16px;
		border:none;
		outline:none;

	}

	div#Login .focoAtual {
		border:1px solid #777;
		box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);
	}
	div#Login input[type="password"]{
  	font: large Verdana,sans-serif;
  	letter-spacing: 1px;
 	}
	div#Login input[type="checkbox"]{
		width:16px; height:16px;
		accent-color:#342d3cff;
	}
	div#Login input[type="checkbox"]:focus{
		border:1px solid #777;
		box-shadow:0px 0px 5px var(--cor-a);
	}
	div#Login button {
		width:270px; height:35px;
		border:1px solid transparent;
		border-radius:1px;
		outline:none;
		background: #342D3C;
		color:#FFF;
		font-family: var(--font-padrao);
		font-size:16px;
		border-radius: 8px;

	}
	div#Login button:focus {
		border:1px solid #777;
		box-shadow:0px 0px 2px #777, 0px 0px 5px var(--cor-a);
	}
	div#Login button:active {
		background: #50455C;
	}
	div#Login label {
		vertical-align:middle;
	}
	div#Login .InputErro{
		border-color:rgba(255,102,0,1) !important;
		box-shadow:0px 0px 5px rgba(255,102,0,0.5) !important;
	}

	#iconEmail,
	#iconSenha {
		font-size: 20px;
	    position: absolute;
	    margin-left: -40px;
	    margin-top: 8px;
	    color: #999;
	}

	::-webkit-input-placeholder { color:#777 ; font: 13px var(--font-padrao), sans-serif;}

	:-moz-placeholder { color:#777; font: 13px var(--font-padrao), sans-serif;}

	::-moz-placeholder { color:#777; font: 13px var(--font-padrao), sans-serif;}

	:-ms-input-placeholder { color:#777; font: 13px var(--font-padrao), sans-serif;}