/* ------------------------------------------------ */
/* layout                                           */
/* ------------------------------------------------ */
#login-page-container {
		display: flex;
		justify-content: center;
}

#login-page-signin-providers {
	margin-right: 10px;
}

.btn-login,
#pnl-login-provider {
    width: 330px; /*wide enough for spanish #login-page-email-links*/
}

#pnl-login-provider {
	display: none;
}

#login-page-container.email-active #pnl-login-provider {
	display: inline-block;
}

#od-btn-signin {display: none;}

/* ------------------------------------------------ */
/* mobile - email form drops below buttons          */
/* ------------------------------------------------ */

@media (max-width: 768px){
	#login-page-container {
		flex-direction: column;
		align-items: center;
	}

	#login-page-signin-providers, #pnl-login-provider {
		margin-left: 0;
		margin-right: 0;
	}

	#pnl-login-provider {
		margin-top: -6px;
	}

	#pnl-login-provider .panel-heading {
		display: none;
	}

    .btn-login {
        width: 330px !important; /*wide enough for spanish #login-page-email-links*/
    }
}


/* ------------------------------------------------ */
/* buttons						                    */
/* ------------------------------------------------ */

.btn-login {
	width: 300px;
	display: flex;
	align-items: center;
	text-align: left;
	padding: 0;
	padding-right: 10px;
	height: 40px;
	margin-bottom: 5px;
	/*color: #666;*/
	 /* ODV32-SP-78 don't let TD override*/
	color: #666!important;
	border-color: rgba(204, 204, 204,1)!important;
	
	background-color: #fff;
}

.btn-login *:first-child{
	border-right: transparent 1px;
	margin-right: 10px;
	padding: 10px;
	font-size: 1.8em;
	width: 45px;
	text-align: center;
}

.btn-login img {
	height: 45px;
}

.btn-login:hover:not([disabled]), .btn-login:hover:not([disabled]) i {
	color: #fff !important;
}

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

.btn-login:hover:not([disabled]) *:first-child{
	border-right: solid 1px;
}

.btn-login.btn-login-google i, .btn-login.btn-login-google_basic i {color:#4285F4;}
.btn-login.btn-login-facebook i {color:#3b5998;}
.btn-login.btn-login-github i {color:#444;}
.btn-login.btn-login-twitter i {color:#2ba9e1;}
.btn-login.btn-login-linkedin i {color:#0077B5;}
.btn-login.btn-login-email i {color:#FFC637;}
.btn-login.btn-login-okta i {color:#007DC1;}
.btn-login.btn-login-salesforce i {color:#009ddc;}


.btn-login-google:hover, .btn-login-google_basic:hover {background-color:#4285F4;}
.btn-login-facebook:hover {background-color:#3b5998;}
.btn-login-github:hover {background-color:#444;}
.btn-login-twitter:hover {background-color:#2ba9e1;}
.btn-login-linkedin:hover {background-color:#0077B5;}
.btn-login-email:hover {background-color:#FFC637;}
.btn-login-okta:hover {background-color:#007DC1;}
.btn-login-salesforce:hover {background-color:#009ddc;}


.btn-login-google i, .btn-login-google_basic i  {
	background-image: url(https://cdn1.overdrive.io/images/google/identity/g-logo.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0 !important;
	color: white;
	height: 30px;
}

.btn-login-okta i {
	background-image: url(https://www.okta.com/sites/all/themes/Okta/favicon.ico);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0 !important;
	color: white;
	height: 30px;
}

#login-page-email-links {
    line-height: 1.7;
    padding-left: 10px;
}


/* ------------------------------------------------ */
/* template adjustments                             */
/* ------------------------------------------------ */

#od-pageheader-h1, #od-pageheader-alt {
	text-align: center;
	/*margin-bottom: 50px !important;*/
	max-width: unset; 
}


/*When signed out and using default, Bootstrap template the welcome to overdrive text is too close to the top banner.*/
/*body[od-staticpage="login-required"] .od-banner {
	margin-bottom: 20px;
}*/

/*body[od-staticpage="login-required"] .od-banner .container {width: 100%;}*/

body[od-staticpage="login-required"] #od-pageheader-h1, 
body[od-staticpage="login-required"] #od-pageheader-alt {margin-bottom: 0px !important;}

/*body[od-staticpage="login-required"] #od-banner-outer, */
/* commented out on OV-1981 */

body[od-staticpage="login-required"] .od-banner .container {
	position:relative!important;
}

 body[od-staticpage="login-required"] #od-banner-outer .container {
	padding: 20px 15px;
}

/*OV-1623 Banner width when signed out*/
/*body[od-staticpage="login-required"][od-banner-width="full"][od-body-width="full"] #od-container {
	max-width: 100%!important;
}*/


/*#od-breadcrumb {display: none;}*/
/* v4.1 correction */
.od-breadcrumb-container {display: none;}