/* - Página de login - */
html,
body { width: 100% }
.corpo_login { background: white }
.page_login {
  background: #FFF;
  float: left;
  height: 100%;
  min-width: 419px;
  overflow: hidden;
  position: relative;
  width: 32%;
  z-index: 5;
}
#background-container {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
#background-container img {
  -webkit-animation: opacidade 2s 1;
  animation: opacidade 2s 1;
  height: 98%;
  position: fixed;
  right: 0;
  top: 10px;
}
@-webkit-keyframes opacidade { 
  from { opacity: 0 }
  to { opacity: 1 }
}
@keyframes opacidade { 
  from { opacity: 0 }
  to { opacity: 1 }
}
.form_login {
  background: #FFF;
  bottom: 0;
  height: 260px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 420px;
}
.header_login h1 {
  background: transparent url('../App_Themes/SagresTheme/images/logo.png') no-repeat left center;
  color: #333;
  font: normal 2.2em/1.5em 'Open Sans',Segoe UI Light,'Segoe UI Light',Arial,sans-serif;
  margin-left: 20px;
  padding: 0 0 0 20px;
  text-indent: 30px;
}
.main {
  margin: 12px 8px 8px 8px;
  min-height: 420px;
  padding: 0 12px;
}
.accountInfo fieldset { border: none !important }
fieldset.login p {
  margin-top: 10px;
  text-align: center;
}
fieldset.login label,
fieldset.register label {
  display: inline-block;
  padding-right: 5px;
  text-align: right;
  width: 70px;
}
fieldset.login label.inline { display: inline }
fieldset.login .manterconectado {
  padding-left: 138px;
  text-align: left;
}
fieldset.login label {
  color: #222;
  font-size: 14px;
}
input.textEntry,
input.passwordEntry {
  border: 1px solid #ccc !important;
  font-size: 14px;
  height: 21px;
  padding: 5px !important;
  width: 200px;
}
.textEntry:focus,
.passwordEntry:focus {
  border-color: #FFA500 !important;
  outline: none;
}
#ctl00$MasterPlaceHolder$LoginUser$UserName:-webkit-autofill,
#ctl00$MasterPlaceHolder$LoginUser$Password:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fafafa !important }
.accountInfo .submitButton { margin: 10px 60px }
.title_login {
  display: block;
  text-align: left;
  width: auto;
}
.loginpage_loginDisplay {
  color: #333;
  display: block;
  font-size: 1.1em;
  padding: 10px;
  text-align: right;
}
.loginpage_loginDisplay a:link,
.loginpage_loginDisplay a:visited,
.loginpage_loginDisplay a:hover { color: #333 }
.clear { clear: both }
.bold { font-weight: bold }
.mensagem_erro_login {
  display: block;
  margin: 10px auto 5px 20px;
  overflow: hidden;
}
.mensagem_erro_login,
.texto_erro_login { color: #CE0000 !important }
.bt_login {
  background-color: #2468A3;
  color: white !important;
  height: 33px !important;
  margin: 0 1px 0 5px;
  padding: 0 20px !important;
  text-transform: uppercase;
}
.bt_login:hover { background-color: #0C2A46 }
.rodape-login {
  clear: both;
  float: right;
  margin: 25px 72px 0 0;
  opacity: .7;
  transition: .2s;
}
.rodape-login:hover {
  opacity: 1;
  transition: .2s;
}
.rodape-login a { display: block }
/* Alteração e recuperação de senha */
.formulario-externo {
  margin: 0 auto;
  width: 95%;
}
.formulario-externo input.textEntry,
.formulario-externo input.passwordEntry { width: 200px }
.formulario-externo .submitButton { margin-right: 17px }
.formulario-externo .bt_default { height: 30px !important }
.formulario-externo label {
  display: inline-block;
  padding-right: 5px;
  text-align: right;
  width: 150px;
}
.bt_login:focus,
.formulario-externo .bt_default :focus { line-height: 30px !important }
.formulario-externo p { margin-bottom: 10px }
.formulario-subtitulo,
.formulario-texto { padding-left: 10px }
.formulario-subtitulo { color: #FF7A00 }


/** Erros de Licença**/
.login-erro-geral {
	margin-top: 10px;
  margin-bottom:10px;
	text-align: center;
}

.login-erro-geral .icone-cadeado::before {
	-moz-animation: surgir 1s 1;
	-o-animation: surgir 1s 1;
	-webkit-animation: surgir 1s 1;
	animation: surgir 1s 1;
	color: #ED9017;
	font-size: 5rem;
}