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

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

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

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

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

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

.card
{
    border-radius: 1rem;
    background-color: rgba(0,0,0,.125) !important;
}

.card-header,
.card-body,
.card-footer
{
    border-bottom: 0px solid rgba(0,0,0,.125);
    border-top: 0px solid rgba(0,0,0,.125);
    background-color: transparent !important;
}


.card-header h3
{ 
    color: white;
    font-size: 1.6rem;
}

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

.input-group-prepend span
{
	width: 50px;
	background-color: #cd2d2d;
	color: white;
	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: white;
	background-color: #cd2d2d;
	width: 100px;
}

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

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