:root {
	/* by breaking the colors up, we can apply adjustments elsewhere, like opacity */
	/* primary */
	--af-primary-r: 40;
	--af-primary-g: 25;
	--af-primary-b: 120;
	--af-primary-color: rgb(var(--af-primary-r), var(--af-primary-g), var(--af-primary-b));
	/* primary-dark */
	--af-primary-dark-r: 25;
	--af-primary-dark-g: 16;
	--af-primary-dark-b: 72;
	--af-primary-dark-color: rgb(var(--af-primary-dark-r), var(--af-primary-dark-g), var(--af-primary-dark-b));
}

/* The following style overrides are included to accommodate feature flag: EunaGrantsBranding */
/* These should be permanently applied to the corresponding files when that flag is removed
	(!important should probably just follow suit with the original values, if they exist)
*/

/* Content\Webpack\Shared\Styles\layout.scss */
.af-wrapper .af-header .af-logo {
	height: 76px !important;
	border-bottom: 2px solid #ccc;
	display: block;
	position: absolute;
	max-height: unset !important;
	overflow: hidden;
	width: 235px;
	/* use variable $module-nav-width when applying permanently */
	background-color: var(--af-primary-color, #000);
}
	.af-wrapper .af-header .af-logo img {
		height: 75px !important;
		max-height: unset !important;
	}

.af-wrapper .af-tools {
	grid-area: top !important;
	margin-left: 235px;
	/* use variable $module-nav-width when applying permanently */
}

@media (min-width: 0px) {
	.af-wrapper .af-page {
		grid-template-areas: 'top top' 'left-nav body' !important;
	}
}

/* Content\Webpack\Account\Login\Styles\login.scss */
.login_container {
	margin: -230px 0 0 -250px !important;
}
	.login_container .logo img {
		height: 75px;
	}

div.new-updates {
	top: 80% !important;
}