@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
body {
	background: #f9f9f9;
	font-family: "Roboto", sans-serif;
}

.main-content {
	padding-top: 50px;
	padding-bottom: 30px;
}

.shadow {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.login-card {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.login-card .login-message {
	flex: 1;
	background: #0B1CB0;
	color: #fff;
}
.login-card .login-body {
	flex: 2;
	padding: 48px 24px;
}
@media (min-width: 768px) {
	.login-card .login-body {
		padding: 80px 50px;
	}
}
.login-card .login-body .login-body-wrapper {
	max-width: 400px;
}

.or-divider {
	height: 40px;
	width: 40px;
}

.btn-facebook {
	background: #4267b2;
	border-color: #4267b2;
	color: #fff;
}
.btn-facebook:hover,
.btn-facebook:focus {
	color: #fff;
}

.btn-google {
	background: #db3236;
	border-color: #db3236;
	color: #fff;
}
.btn-google:hover,
.btn-google:focus {
	color: #fff;
}