#login-container{
	position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
	background-image: url(../img/fondo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;
}

.form-content{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

#logoBanner {
    position: absolute;
    right: 0;
    top: 90px;
	height: 120px;
}

.title {
	display: block;
	color: white;
	font-size: 75px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 50px;
}

#loginForm {
	width: 580px;
	margin-left: 90px;
	padding: 100px;
	padding-bottom: 50px;
	background-color: black;
}

.input-icon-wrapper {
    position: relative;
    display: inline-flex;
	width: 100%;
    align-items: center;
}

#inputIcon {
    position: absolute;
    width: auto;
    height: 24px;
	left: 24px;
}

#nameInput {
	display: block;
	width: 100%;
	padding-top: 21px;
	padding-bottom: 21px;
	padding-left: 68px;
	outline: none;
	border: none;
	font-size: 24px;
	background: white;
	color: black;
}

input::placeholder {
	color: black;
}

#login {
	margin-top: 18px;
}

.btn {
	display: block;
	width: 100%;
	padding-top: 21px;
	padding-bottom: 21px;
	outline: none;
	border: none;
	background: #F39500;
	font-size: 24px;
	text-decoration: underline;
	color: #fff;
	cursor: pointer;
	transition: .3s;
}

.btn:hover {
	background: #db8700;
}

.alert {
    position: relative;
}

.alert-danger {
    color: #F39500;
    text-align: center;
    margin-top: 25px;
    padding: 0;
}

#error-message {
	display: block;
	visibility: hidden;
	font-size: 25px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: black !important;
}