.social-login {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	flex-direction: column;
	height: auto;
}
@media (min-width: 544px) {
	.social-login {
		flex-direction: row;
	}
}
.social-login button:focus {
	outline: none;
}
.gSignInBtn, .fbSignInBtn {
	display: flex;
	width: calc(1/2*100% - (1 - 1/2)*30px);
}
@media (max-width: 543px) {
	.gSignInBtn, .fbSignInBtn {
		width: 100%;
	}	
	.gSignInBtn {
		padding: 0 0 0.5rem 0;
	}
	.social-login .button-wrapper {
		width: 100%!important;
	}
	.fbSignInBtn {
		padding: 0;
	}
}
.social-login .logo {
	width: 24px;
	height: 24px;
}
.social-login .button-wrapper {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 1rem;
}
.social-login .desc {
	font-size: 1rem;
	width: 100%;
}

.gSignInBtn .button-wrapper {
	background: #FFF;
	border: 1px solid #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.gSignInBtn .button-wrapper:hover {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
.gSignInBtn .desc {
    color: #232323;
}

.fbSignInBtn .button-wrapper {
	background: #1877F2;
	border: 1px solid #1877F2;
}
.fbSignInBtn .desc {
	color: #FFF;
}

.gSignInBtn {
	position: relative;
}

.g_id_signin {
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
}

.g_id_signin>div>iframe {
	width: 100% !important;
	margin:0 !important;
}
.g-signin-loading-shadow {
	width: 100%;
	height:100%;
	cursor:default;
	display: flex;
	align-items: center;
	z-index: 9002;
	background: gray;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0 !important;
	opacity: 0.40;
}
.g-signin-loading-shadow .g-signin-load-spin {
	width: 32px;
	height: 32px;
	border: 6px solid;
	margin: auto;
	border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent;
	animation: loading-cycle 1s infinite linear;
	display: block;
	border-radius: 50%;
	background: transparent;
}

.loading-shadow {
	width: 100%;
	height:100%;
	cursor:default;
	display: flex;
	align-items: center;
	z-index: 9003;
	opacity: 0.40;
	background: gray;
	position: fixed;
	top: 0;
	left: 0;
}
.shadow-load-spin {
	width: 160px;
	height: 160px;
	border: 16px solid;
	border-color: rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.78) transparent transparent;
	animation: loading-cycle 1s infinite linear;
	display: block;
	border-radius: 50%;
	background: transparent;
	margin: auto;
}