/*---------------- LOGIN --------------------*/
.login-container * {
	color: #f9f9f9;
}

.login-container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 410px;
	padding: 45px 30px;
	transform: translate(-50%, -50%);
    background-image: url('./../media/login_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	box-shadow: 0 5px 7px #00000077;
}

.login-header1 {
	font-size: 2.2rem;
	margin-bottom: 1em;
}

.login-header2 {
	font-size: 1.6rem;
	margin-bottom: 3.5em;
}

.login-label {
	display: block;
	width: 100%;
	font-size: 1.4rem;
	padding: .2em .5em;
}

input.login-input {
	font-family: sans-serif;
	font-size: 1.6rem;
	color: #7b7b7b;
	border: none;
	width: 100%;
	padding: 7px 16px;
	line-height: 1.6em;
	height: auto;
	background-color: #ebebeb;
	border-radius: 50px;
	margin-bottom: 2em;
	border: 1px solid transparent;
}

input.login-input:focus {
	outline: none;
}
input.login-input::placeholder {
	color: #7b7b7b;
	opacity: .7;
}

input.login-btn {
	font-family: sans-serif;
	color: #f9f9f9;
	border: none;
	padding: 8px 10px;
	width: 100%;
	line-height: 2em;
	height: auto;
	background-color: #105ce7;
	border-radius: 50px;
	margin-top: 4em;
	cursor: pointer;
	font-weight: bold;
}

input.login-btn:hover,
input.login-btn:focus {
	background-color: #1053cf;
}
input.login-btn:focus {
	box-shadow: 0 0 0 1px #f9f9f9;
}