.form-control, .form-control:focus {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff
}

::placeholder {
	color: #a0a0a0 !important;
	opacity: 1; /* Firefox precisa disso */
}

/* Para navegadores mais antigos */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a0a0a0 !important;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #a0a0a0 !important;
}

:-ms-input-placeholder { /* IE 10+ */
	color: #a0a0a0 !important;
}

:-moz-placeholder { /* Firefox 18- */
	color: #a0a0a0 !important;
}

.login-logo {
	font-size: 1.6em
}

	.login-logo span {
		color: #fff;
	}

.input-icon {
	background-color: #D3A41C !important;
	border-radius: unset
}

	.input-icon span {
		color: white !important;
	}

.card, .card-body, .login-card-body {
	background-color: #2A2A25 !important;
}

a {
	text-decoration: none
}

/* Responsividade para tela de login */

@media (max-width: 600px) {
	body.login-page {
		display: flex;
		flex-direction: column;
	}

	#logoImg {
		width: 70vw;
		max-width: 220px;
		display: block;
		margin: 2rem auto 1rem auto;
	}

	.login-box {
		width: 98vw !important;
		min-width: unset !important;
		margin: 0 auto;
		padding: 0.5rem;
		box-sizing: border-box;
	}

	.card, .card-body, .login-card-body {
		padding: 1rem !important;
	}

	.login-logo {
		font-size: 1.2em;
		margin-bottom: 1rem;
		text-align: center;
	}

	.input-group, .mb-3, .row.px-3 {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.form-control {
		font-size: 1rem;
		padding: 0.7rem 0.8rem;
	}

	button.btn {
		width: 100%;
		font-size: 1.1rem;
		margin-top: 0.7rem;
	}

	.alert {
		font-size: 0.95rem;
		padding: 0.7rem 1rem;
	}
}

@media (max-width: 400px) {
	#logoImg {
		width: 90vw;
		max-width: 150px;
	}

	.login-logo {
		font-size: 1em;
	}

	.card, .card-body, .login-card-body {
		padding: 0.5rem !important;
	}
}