/* SOCIAL BUTTONS */
.btn-social {
	line-height:54px;
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 0 19px 0 0;
	color:#fff;
	margin: 10px;
}
.form-custom > .btn-social {
	margin-left: 0px;
	margin-right: 0px;
}
.btn-social .btn-ico {
	float:left;
	height:54px;
	width:52px;
	text-align:center;
	border-right:1px solid #fff;
	margin-right:18px;
	font-size:30px
}
/* Responsive: Portrait tablets and up */
@media screen and (max-width: 767px) {
	.btn-social {
		display: block;
	}
}
.btn-social-passkey {
	color:#000;
	border-color:#000;
	background-color:transparent
}
.btn-social-passkey .btn-ico {
	border-color:#000
}
.btn-social-passkey:focus {
	color:#000;
	outline:none
}
.btn-social-passkey:focus-visible {
	outline:2px solid #555;
	outline-offset:3px
}
.btn-social-passkey:hover {
	background-color:#000;
	color:#fff
}
.btn-social-passkey:hover .btn-ico {
	border-color:#fff
}

#passkeyprompt .modal-dialog { max-width: 480px; }
#passkeyprompt .passkey-prompt-action { max-width: 300px; margin: 20px auto 10px; }
#passkeyprompt .passkey-prompt-action .btn-social { width: 100%; }
#passkeyprompt .passkey-prompt-reminder { margin: 8px 0 0; }
#passkeyprompt [hidden] { display: none !important; }
@media (max-width: 767px) {
  #passkeyprompt .modal-dialog { margin-left: auto; margin-right: auto; width: calc(100% - 20px); }
}