/*<meta />*/

@import url('../Stylesheets/General-Styles.css');

:root
{
	/* Background colors for navigation areas */
	--NavBgContainer: #e0e0e0;
	--NavBgMenu: #e0e0e0;
	--NavBgTitleBar: #2769a5;
	--NavBorder: #2769a5;
	--ToolbarBG: #797979;
	/* Colors for text in navigation pane */
	--NavTextNormal: #101820;
	--NavTextHover: #FFFFFF;
	--NavTextSelected: #2769a5;
	/* Nav item divider line */
	--NavMenuLine: #c7c7c7;
	/* Colors for backgrounds in navigation pane */
	--NavBgMenuSelected: #FFFFFF;
	--NavBgMenuHover: #6d99bc;
	/* Expander icons in navigation pane */
	--NavExpand: #333333;
	--NavExpandHover: #ffffff;
	--NavExpandSelected: #333333;
	/* Navigation font family */
	--FontNav: 'Open Sans Medium', Arial, sans-serif;
	/* Search bar */
	--SearchBorder: #2769a5;
	--SearchFilterBorder: #2769a5;
	/* Outline color for tab searching */
	--OutlineColor: #6d99bc;
	/* Footer background color */
	--FooterBgColor: #2769a5;
	--FooterTextColor: #ffffff;
	--FooterBorderColor: #2769a5;
	/* Font families */
	--FontHeading: 'Open Sans SemiBold', Arial, Calibri, sans-serif;
	--FontText: 'Open Sans', Arial, Calibri, sans-serif;
	--FontCode: 'Courier New', monospace;
	/* Text color */
	--TextColor: #101820;
	/* Interface button colors */
	--ButtonBg: transparent;
	--ButtonBorder: transparent;
	--ButtonBgHover: #ffffff;
	--ButtonBorderHover: transparent;
	/* #6d99bc; */
	/* Button border radius: 0 for square borders; 4px or so for rounded borders; 50% for circles */
	--ButtonBorderRadius: 4px;
	/* Brand Colors */
	--BrandLight: #f4f6fa;
	--BrandDark: #2769a5;
	--BrandMedium: #6d99bc;
	/* Logo Images */
	--LogoImage: url('../Icons/Logos/gs.png');
	--HamburgerImage: url('../Icons/Logos/hamburger-large-light.png');
}

/* overrides for the header logo */

div.title-bar-layout a.logo
{
	position: relative;
	left: 65px;
	margin-left: 0px;
	height: 49px;
	width: 305px;
	background-position: left center;
	background-image: var(--LogoImage);
	mc-hidden: hidden;
}

@media only screen and (max-width: 1199px)
{
	div.title-bar-layout a.logo
	{
		position: static;
		left: 0;
	}

	.title-bar .menu-icon span
	{
		background-image: var(--HamburgerImage);
	}

	div.title-bar-layout a.logo
	{
		margin-left: 0px;
		min-width: 0;
	}
}

@media print
{
	:root
	{
		--TextColor: #000000;
	}
}

