/* LOGIN CSS incl social buttons  */
/*** LOGIN TOP ***/
#help {
	padding-top:10px;
	}

/*** LOGIN MIDDLE ***/
#login_admin {
	margin-top:50px;
	}	
	/*
	* SOCIAL LOGIN BUTTONS 
	* this is a cleaned and updated replacement for outdated library 'Social Buttons for Bootstrap' https://github.com/lipis/bootstrap-social
	*/
	#div_oauth_providers .btn-social {
		position:relative;
		padding-left:3.375rem;
		text-align:left;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		}
		#div_oauth_providers .btn-social>:first-child {
			position:absolute;
			left:0;top:0;
			bottom:0;
			width:2.75rem;
			line-height:2.125rem;
			font-size:1.6rem;
			text-align:center;
			border-right:1px solid rgba(0,0,0,0.2);
			}

			/* apple */
			#div_oauth_providers .btn-apple {color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-apple:hover,
				#div_oauth_providers .btn-apple:focus,
				#div_oauth_providers .btn-apple:active,
				#div_oauth_providers .btn-apple.active,
				#div_oauth_providers.open>.dropdown-toggle.btn-apple {color:#fff;background-color:#606467;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-apple:active,
					#div_oauth_providers .btn-apple.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-apple {background-image:none}
						#div_oauth_providers .btn-apple.disabled,
						#div_oauth_providers .btn-apple[disabled],
						#div_oauth_providers fieldset[disabled] .btn-facebook,
						#div_oauth_providers .btn-apple.disabled:hover,
						#div_oauth_providers .btn-apple[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-apple:hover,
						#div_oauth_providers .btn-apple.disabled:focus,
						#div_oauth_providers .btn-apple[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-apple:focus,
						#div_oauth_providers .btn-apple.disabled:active,
						#div_oauth_providers .btn-apple[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-apple:active,
						#div_oauth_providers .btn-apple.disabled.active,
						#div_oauth_providers .btn-apple[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-apple.active {background-color:#1a1a1a;border-color:rgba(0,0,0,0.2)}

			/* facebook */
			#div_oauth_providers .btn-facebook {color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-facebook:hover,
				#div_oauth_providers .btn-facebook:focus,
				#div_oauth_providers .btn-facebook:active,
				#div_oauth_providers .btn-facebook.active,
				#div_oauth_providers.open>.dropdown-toggle.btn-facebook {color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-facebook:active,
					#div_oauth_providers .btn-facebook.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-facebook {background-image:none}
						#div_oauth_providers .btn-facebook.disabled,
						#div_oauth_providers .btn-facebook[disabled],
						#div_oauth_providers fieldset[disabled] .btn-facebook,
						#div_oauth_providers .btn-facebook.disabled:hover,
						#div_oauth_providers .btn-facebook[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-facebook:hover,
						#div_oauth_providers .btn-facebook.disabled:focus,
						#div_oauth_providers .btn-facebook[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-facebook:focus,
						#div_oauth_providers .btn-facebook.disabled:active,
						#div_oauth_providers .btn-facebook[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-facebook:active,
						#div_oauth_providers .btn-facebook.disabled.active,
						#div_oauth_providers .btn-facebook[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-facebook.active {background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
			/* github */
			#div_oauth_providers .btn-github {color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-github:hover,
				#div_oauth_providers .btn-github:focus,
				#div_oauth_providers .btn-github:active,
				#div_oauth_providers .btn-github.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-github {color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-github:active,
					#div_oauth_providers .btn-github.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-github {background-image:none}
						#div_oauth_providers .btn-github.disabled,
						#div_oauth_providers .btn-github[disabled],
						#div_oauth_providers fieldset[disabled] .btn-github,
						#div_oauth_providers .btn-github.disabled:hover,
						#div_oauth_providers .btn-github[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-github:hover,
						#div_oauth_providers .btn-github.disabled:focus,
						#div_oauth_providers .btn-github[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-github:focus,
						#div_oauth_providers .btn-github.disabled:active,
						#div_oauth_providers .btn-github[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-github:active,
						#div_oauth_providers .btn-github.disabled.active,
						#div_oauth_providers .btn-github[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-github.active {background-color:#444;border-color:rgba(0,0,0,0.2)}
			/* google plus */
			#div_oauth_providers .btn-google-plus {color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-google-plus:hover,
				#div_oauth_providers .btn-google-plus:focus,
				#div_oauth_providers .btn-google-plus:active,
				#div_oauth_providers .btn-google-plus.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-google-plus {color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-google-plus:active,
					#div_oauth_providers .btn-google-plus.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-google-plus {background-image:none}
						#div_oauth_providers .btn-google-plus.disabled,
						#div_oauth_providers .btn-google-plus[disabled],
						#div_oauth_providers fieldset[disabled] .btn-google-plus,
						#div_oauth_providers .btn-google-plus.disabled:hover,
						#div_oauth_providers .btn-google-plus[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-google-plus:hover,
						#div_oauth_providers .btn-google-plus.disabled:focus,
						#div_oauth_providers .btn-google-plus[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-google-plus:focus,
						#div_oauth_providers .btn-google-plus.disabled:active,
						#div_oauth_providers .btn-google-plus[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-google-plus:active,
						#div_oauth_providers .btn-google-plus.disabled.active,
						#div_oauth_providers .btn-google-plus[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-google-plus.active {background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
 			/* instagram */
 			#div_oauth_providers .btn-instagram {color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-instagram:hover,
				#div_oauth_providers .btn-instagram:focus,
				#div_oauth_providers .btn-instagram:active,
				#div_oauth_providers .btn-instagram.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-instagram {color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-instagram:active,
					#div_oauth_providers .btn-instagram.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-instagram {background-image:none}
						#div_oauth_providers .btn-instagram.disabled,
						#div_oauth_providers .btn-instagram[disabled],
						#div_oauth_providers fieldset[disabled] .btn-instagram,
						#div_oauth_providers .btn-instagram.disabled:hover,
						#div_oauth_providers .btn-instagram[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-instagram:hover,
						#div_oauth_providers .btn-instagram.disabled:focus,
						#div_oauth_providers .btn-instagram[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-instagram:focus,
						#div_oauth_providers .btn-instagram.disabled:active,
						#div_oauth_providers .btn-instagram[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-instagram:active,
						#div_oauth_providers .btn-instagram.disabled.active,
						#div_oauth_providers .btn-instagram[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-instagram.active {background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
			/* linkedIn */
			#div_oauth_providers .btn-linkedin {color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-linkedin:hover,
				#div_oauth_providers .btn-linkedin:focus,
				#div_oauth_providers .btn-linkedin:active,
				#div_oauth_providers .btn-linkedin.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-linkedin {color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-linkedin:active,
					#div_oauth_providers .btn-linkedin.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-linkedin {background-image:none}
						#div_oauth_providers .btn-linkedin.disabled,
						#div_oauth_providers .btn-linkedin[disabled],
						#div_oauth_providers fieldset[disabled] .btn-linkedin,
						#div_oauth_providers .btn-linkedin.disabled:hover,
						#div_oauth_providers .btn-linkedin[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-linkedin:hover,
						#div_oauth_providers .btn-linkedin.disabled:focus,
						#div_oauth_providers .btn-linkedin[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-linkedin:focus,
						#div_oauth_providers .btn-linkedin.disabled:active,
						#div_oauth_providers .btn-linkedin[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-linkedin:active,
						#div_oauth_providers .btn-linkedin.disabled.active,
						#div_oauth_providers .btn-linkedin[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-linkedin.active {background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
			/* microsoft */
			#div_oauth_providers .btn-microsoft {color:#fff;background-color:#000;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-microsoft:hover,
				#div_oauth_providers .btn-microsoft:focus,
				#div_oauth_providers .btn-microsoft:active,
				#div_oauth_providers .btn-microsoft.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-microsoft {color:#fff;background-color:#FEB902;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-microsoft:active,
					#div_oauth_providers .btn-microsoft.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-microsoft {background-image:none}
						#div_oauth_providers .btn-microsoft.disabled,
						#div_oauth_providers .btn-microsoft[disabled],
						#div_oauth_providers fieldset[disabled] .btn-microsoft,
						#div_oauth_providers .btn-microsoft.disabled:hover,
						#div_oauth_providers .btn-microsoft[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-microsoft:hover,
						#div_oauth_providers .btn-microsoft.disabled:focus,
						#div_oauth_providers .btn-microsoft[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-microsoft:focus,
						#div_oauth_providers .btn-microsoft.disabled:active,
						#div_oauth_providers .btn-microsoft[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-microsoft:active,
						#div_oauth_providers .btn-microsoft.disabled.active,
						#div_oauth_providers .btn-microsoft[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-microsoft.active {background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
			/* openID */
			#div_oauth_providers .btn-openid {color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-openid:hover,
				#div_oauth_providers .btn-openid:focus,
				#div_oauth_providers .btn-openid:active,
				#div_oauth_providers .btn-openid.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-openid {color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-openid:active,
					#div_oauth_providers .btn-openid.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-openid {background-image:none}
						#div_oauth_providers .btn-openid.disabled,
						#div_oauth_providers .btn-openid[disabled],
						#div_oauth_providers fieldset[disabled] .btn-openid,
						#div_oauth_providers .btn-openid.disabled:hover,
						#div_oauth_providers .btn-openid[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-openid:hover,
						#div_oauth_providers .btn-openid.disabled:focus,
						#div_oauth_providers .btn-openid[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-openid:focus,
						#div_oauth_providers .btn-openid.disabled:active,
						#div_oauth_providers .btn-openid[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-openid:active,
						#div_oauth_providers .btn-openid.disabled.active,
						#div_oauth_providers .btn-openid[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-openid.active {background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
			/* pinterest */
			#div_oauth_providers  .btn-pinterest {color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-pinterest:hover,
				#div_oauth_providers .btn-pinterest:focus,
				#div_oauth_providers .btn-pinterest:active,
				#div_oauth_providers .btn-pinterest.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-pinterest {color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-pinterest:active,
					#div_oauth_providers .btn-pinterest.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-pinterest {background-image:none}
						#div_oauth_providers .btn-pinterest.disabled,
						#div_oauth_providers .btn-pinterest[disabled],
						#div_oauth_providers fieldset[disabled] .btn-pinterest,
						#div_oauth_providers .btn-pinterest.disabled:hover,
						#div_oauth_providers .btn-pinterest[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-pinterest:hover,
						#div_oauth_providers .btn-pinterest.disabled:focus,
						#div_oauth_providers .btn-pinterest[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-pinterest:focus,
						#div_oauth_providers .btn-pinterest.disabled:active,
						#div_oauth_providers .btn-pinterest[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-pinterest:active,
						#div_oauth_providers .btn-pinterest.disabled.active,
						#div_oauth_providers .btn-pinterest[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-pinterest.active {background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
			/* twitter */
			#div_oauth_providers .btn-twitter {color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-twitter:hover,
				#div_oauth_providers .btn-twitter:focus,
				#div_oauth_providers .btn-twitter:active,
				#div_oauth_providers .btn-twitter.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-twitter {color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-twitter:active,
					#div_oauth_providers .btn-twitter.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-twitter {background-image:none}
						#div_oauth_providers .btn-twitter.disabled,
						#div_oauth_providers .btn-twitter[disabled],
						#div_oauth_providers fieldset[disabled] .btn-twitter,
						#div_oauth_providers .btn-twitter.disabled:hover,
						#div_oauth_providers .btn-twitter[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-twitter:hover,
						#div_oauth_providers .btn-twitter.disabled:focus,
						#div_oauth_providers .btn-twitter[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-twitter:focus,
						#div_oauth_providers .btn-twitter.disabled:active,
						#div_oauth_providers .btn-twitter[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-twitter:active,
						#div_oauth_providers .btn-twitter.disabled.active,
						#div_oauth_providers .btn-twitter[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-twitter.active {background-color:#55acee;border-color:rgba(0,0,0,0.2)}
			/* vimeo */
			#div_oauth_providers .btn-vimeo {color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
				#div_oauth_providers .btn-vimeo:hover,
				#div_oauth_providers .btn-vimeo:focus,
				#div_oauth_providers .btn-vimeo:active,
				#div_oauth_providers .btn-vimeo.active,
				#div_oauth_providers .open>.dropdown-toggle.btn-vimeo {color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
					#div_oauth_providers .btn-vimeo:active,
					#div_oauth_providers .btn-vimeo.active,
					#div_oauth_providers .open>.dropdown-toggle.btn-vimeo {background-image:none}
						#div_oauth_providers .btn-vimeo.disabled,
						#div_oauth_providers .btn-vimeo[disabled],
						#div_oauth_providers fieldset[disabled] .btn-vimeo,
						#div_oauth_providers .btn-vimeo.disabled:hover,
						#div_oauth_providers .btn-vimeo[disabled]:hover,
						#div_oauth_providers fieldset[disabled] .btn-vimeo:hover,
						#div_oauth_providers .btn-vimeo.disabled:focus,
						#div_oauth_providers .btn-vimeo[disabled]:focus,
						#div_oauth_providers fieldset[disabled] .btn-vimeo:focus,
						#div_oauth_providers .btn-vimeo.disabled:active,
						#div_oauth_providers .btn-vimeo[disabled]:active,
						#div_oauth_providers fieldset[disabled] .btn-vimeo:active,
						#div_oauth_providers .btn-vimeo.disabled.active,
						#div_oauth_providers .btn-vimeo[disabled].active,
						#div_oauth_providers fieldset[disabled] .btn-vimeo.active {background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
 
/*** LOGIN BOTTOM ****/
/* sticky footer login screen */
.tundra.sticky-footer {
	padding-bottom:55px;
	}		
.tundra.sticky-footer .footer {
	min-height:55px;
	}

/*** LOGIN LAYER LOADING ****/
#login_admin .card-body { position: relative; }

.login-overlay{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	background: #fff;

	z-index: 10;
	border-radius: .5rem;

	opacity: 0;
	pointer-events: none;
}

.login-overlay.is-active{
	opacity: 1;
	pointer-events: auto;
}


@keyframes loginShake {
	0%   { transform: translateX(0); }
	20%  { transform: translateX(-6px); }
	40%  { transform: translateX(6px); }
	60%  { transform: translateX(-4px); }
	80%  { transform: translateX(4px); }
	100% { transform: translateX(0); }
}

.login-shake {
	animation: loginShake 420ms ease;
}

.login-error-flash {
	box-shadow: 0 0 0 .25rem rgba(220,53,69,.25); /* bs danger */
	border-radius: .5rem;
	transition: box-shadow .2s ease;
}

@media (prefers-reduced-motion: reduce){
	.login-shake { animation: none; }
}

/*** LOGIN CHECKLIST ****/
.login-checklist{
	padding: 0;
}

.login-checklist-item{
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .45rem 0;
	color: #6c757d;
	font-size: 1.1rem;
	transition: color .2s ease;
}

.login-checklist-item.is-done{
	color: #212529;
}

/* Checklist icon */
.login-checklist-icon{
	width: 1.4rem;
	font-size: 1.2rem;
	text-align: center;
	transition: transform .2s ease;
}

.login-checklist-item.is-done .login-checklist-icon{
	transform: scale(1.15);
}

@media (prefers-reduced-motion: reduce){
	.login-checklist-item{ transition: none; }
}