body {
	height: 100vh;
	background-color: #CCC;
	background-image: url("../img/background.png");
}

a {
	color: #189258;
}

a:hover {
	color: #888;
}

.btn.btn-success {
	background-color: #189258;
	border-color: #189258;
}

.btn.btn-success:hover {
	background-color: #0f5f39;
	border-color: #0f5f39;
}

/*--------------------*\
  Customização das bordas dos inputs do Bootstrap
\*--------------------*/
.form-control:focus {
	border-color: #189258;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(24, 146, 88, 0.6);
}

/*--------------------*\
  Senha
\*--------------------*/
.esqueceu-senha {
	margin-top: 5px;
}

.esqueceu-senha:after {
	content: "";
	display: block;
	clear: both;
}

/*--------------------*\
  Login
\*--------------------*/
.login-form {
	/* Posicionamento */
	/* faz o elemento flutuar na tela */
	position: absolute;
	/* centraliza tanto verticalmente quanto horizontalmente */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* Display e Box Model */
	/* Responsividade: Quando a tela tiver menos de 400px, a largura do elemento pega 95% da tela. */
	width: 400px;
	max-width: 95vw;
	padding: 20px;
	/* Cores */
	background-color: #fff;

	/* Texto */

	/* Outros */
}

.login-form__logo {
	margin: auto;
}

.login-form__footer {
	margin-top: 20px;
}

.login-form__titulo {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 2rem;
	display: inline-block;
	width: 100%;
	font-family: 'Play', sans-serif;
}
/*--------------*\
     JSFMsg
\*--------------*/
.jsf-msg-header {
	list-style: none;
	padding-left: 0;
	display: block;
	margin-top: 4px;
	line-height: 1em;
	padding: 3px;
	margin-bottom: 0.0em;
}

.jsf-msg-header .alert {
	padding: 8px;
	margin-bottom: 8px;
}

.jsf-msg-detalhe {
	list-style: none;
	padding-left: 0;
	display: block;
	margin-top: 4px;
	line-height: 1em;
	padding: 3px;
	margin-bottom: 0.0em;
}