html, body {
	background-color: #012438;
}

.BgHome {
	position: absolute;
	overflow: auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-height: 1080px;
	background-image: url('../img/bg_login.jpg');
	background-repeat:no-repeat;
	background-position:right top; 
	background-size: 1920px 1080px;
}

.CenterAll {
	border: 0px solid #FFFFFF;
	margin: auto auto auto auto;
	padding-top: 300px;
	min-height: 500px;
}

.CenterMe {
	border: 0px solid #FF0000;
	margin: 30px auto auto auto;
	width: 100%;
	text-align: center;
}

.LogoClienteCentro {
	background-image: url('../img/Promo6.svg');
	background-size: auto 60px;
	background-repeat:no-repeat;
	background-position:center center; 
	border: 0px solid #FFFFFF;
	width: 290px;
	height: 118px;
	margin: 20px auto auto auto;
	background-color: #002538;
}

.Maior {
	height: 290px;
}

.PainelLogin {
	position: relative;
	display: block;
	height: 98px;
	width: 290px;
	margin: 0px auto auto auto;
	background-color: #ffffff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.PainelConfigSenha, .PainelConfigCadastro {
	position: relative;
	display: block;
	height: 147px;
	width: 290px;
	margin: 0px auto auto auto;
	background-color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.PainelConfigCadastro {
	height: 98px;
}

.PainelReenviarSenha {
	position: relative;
	display: block;
	height: 49px;/*98px - esse é o height quando tem dois campos no reenvio de senha*/
	width: 290px;
	margin: 0px auto auto auto;
	background-color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.PainelSenhaButtons {
	position: relative;
	display: block;
	height: 30px;
	width: 290px;
	margin: 40px auto auto auto;
}

.ContainerLogin{
	position: relative;
	display: block;
	margin: 0px auto auto auto;
}

.CampoLogin, .CampoSenha, .CampoSenhaOriginal, .CampoSenhaRepita{
	position: absolute; 
	left: 0px;
	width: 240px;
	height: 49px;
	text-align: left;
}

.CampoLogin {
	top: 0px; 
	margin-left: 0px;
}

.CampoSenha, .CampoSenhaOriginal, .CampoSenhaRepita {
	top: 50px; 
}

.CampoSenhaOriginal {
	top: 0px; 
}

.CampoSenhaRepita {
	top: 100px; 
}

.CampoLogin span, .CampoSenha span, .CampoSenhaOriginal span, .CampoSenhaRepita span{
	position: absolute; 
	top: 0px; 
	left: 0px;
	width: 50px;
	height: 47px;
	border: none;
	background: transparent;
	color: #012438;
	padding: 15px;
}

.CampoLogin input, .CampoSenha input, .CampoSenhaOriginal input, .CampoSenhaRepita input{
	position: absolute; 
	top: 0px; 
	left: 50px;
	width: 190px;
	height: 47px;
	border: none;
	background: transparent;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.CampoLogin:focus, .CampoSenha:focus, .CampoSenhaOriginal:focus, .CampoSenhaRepita:focus{
    outline: none;
    box-shadow: 0px 0px 5px #FFFFFF;
    border-color: #FFFFFF;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.CampoLogin:hover, .CampoSenha:hover {
    border: 0px solid #fff;
}

.BotaoEntrar {
  margin: 20px auto auto auto;
  width: 160px;
  height: 35px;
  border-color: #787878;
  background-color: #00B5DC;
  border-radius: 20px;
  padding: 11px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}

.BotaoEntrar:hover {
	background-color: #028BAC;
}

.LinkEsqueciSenha {
	margin: 5px auto auto auto;
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	cursor: pointer;
	width: 160px;
	text-transform: uppercase;
}

.LinkEsqueciSenha:hover {
	color: #00B5DC;
}

.CopyRightMini {
	position: absolute;
	bottom: 30px;
	width: 290px;
	left: 50%;
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	border: 0px solid #FF0000;
	margin: 0px auto auto -145px;
	padding-top: 8px;
}

@media screen and (max-height: 770px) {
	.LogoClienteCentro {
		background-image: url('../img/Promo7.svg');
		background-size: auto 40px;
	}
	.CenterAll {
		padding-top: 110px;
	}
}

@media screen and (max-height: 500px) {
	.CopyRightMini {
		top: 440px;
	}
}

@media screen and (max-width: 568px) {
	#frmLogin {
		display: flex;
		flex-direction: column;
	}

	.CopyRightMini {
		position: unset;
		margin: 15px auto auto auto;
	}
}