/*----------------------------------------------------------
  PDBP Styles
------------------------------------------------------------*/

/* Import BRICS Styles */

@import "./tokens.css";
@import "../../common/styles/common.css";
@import "../../common/styles/style.css";
@import "../../common/styles/navigation.css";
@import "../../common/styles/bootstrap.css";
@import "../../common/styles/fancybox.css";
@import "../../common/styles/icon.css";
@import "../../common/styles/layout.css";

/***

 * ===>>  Instance-specific Style Overrides   <<=================================================================

***/

#header .content {
	background: url(./images/layout/bkg-header.png) no-repeat 200px 0;
	 background-position: top right;
	 width: auto;
	 max-width: 1400px;
	 margin: 0 auto;
}
 #header {
	 color: var(--header-text);
	 background-color: var(--lightest);
}
 .header-sso {
	 background-color: var(--lightest) !important;
}
#logo {
	background: url(./images/layout/logo.png) no-repeat center center;
}
 #logo-sso {
 	 background: url(./images/layout/logo-sso.png) no-repeat center center;
	 width: 250px;
	 margin-top: 0px;
	 height: 90px;
}
/* note: .logo-sso-link width here conflict with #logo-sso width, so add width in pdbp/header-sso.jsp for link pages only. */
 .logo-sso-link {
	 margin-left: 88px;
	 width: 400px;
}
/*** media-Query specific for Ipad ***/
 @media screen and (min-width: 768px) and (max-width: 1124px) {
	 #logout-link p {
		 font-size: 10px;
	}
	 #login-button {
		 margin: 19px 20px 0 0;
	}
	 #instanceHeaderTwo {
		 font-size: 11px;
	}
}

.brics-tool a {
	background: url(./images/layout/bkg-tools-btn.png) no-repeat 0 -150px;
}