@import url('https://fonts.googleapis.com/css?family=Numans');

html, body {
	background-image: url('../../img/login/fdes.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	font-family: 'Numans', sans-serif;
}

@media only screen and (max-width: 767px) {

	body {
		background-image: url('../../img/login/fcel.jpg');
	}
}

.container {
	height: 100%;
	align-content: center;
}

.card {
	/*height: 370px;*/
	margin-top: auto;
	margin-bottom: auto;
	width: 400px;
	background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span {
	font-size: 50px;
	margin-left: 10px;
	color: #fcba71;
}

	.social_icon span:hover {
		color: white;
		cursor: pointer;
	}

.card-header h3 {
	color: #fcba71;
}

.social_icon {
	position: absolute;
	right: 20px;
	top: -45px;
}

.input-group-prepend span {
	width: 50px;
	background-color: #fcba71;
	color: black;
	border: 0 !important;
}

input:focus {
	outline: 0 0 0 0 !important;
	box-shadow: 0 0 0 0 !important;
}

.remember {
	color: white;
}

	.remember input {
		width: 20px;
		height: 20px;
		margin-left: 15px;
		margin-right: 5px;
	}

.login_btn {
	color: black;
	background-color: #fcba71;
	width: 100px;
}

	.login_btn:hover {
		color: black;
		background-color: white;
	}

.links {
	color: white;
}

	.links a {
		margin-left: 4px;
	}