/* Made with love by Mutiullah Samim*/

html, body {
				background-image: url('../images/bg.jpg');
				background-size: cover;
				background-repeat: no-repeat;
				height: 98%;
				font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.input-pass {
	cursor: pointer;
}

.input-pass:hover {
		background-color: orange;
	}

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

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

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

				.social_icon span:hover {
								color: #fff;
								cursor: pointer;
				}

.card-header h3 {
				color: white;
}

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

.input-group-prepend span {
				background-color: #ff6a00;
				color: black;
				border: 0 !important;
}

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

.remember {
				color: white;
}

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

.btn-login {
				color: #fff;
				background-color: #ff6a00;
				width: 120px;
}

				.btn-login:hover {
								color: #000;
								background-color: #fff;
				}

.links {
				color: white;
}

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