/*
// ------------------------------------
// App-specific settings
// ------------------------------------
*/

/* This style is used by the AcgApp.isEnanced() method to determine if we are using the enhanced stylesheet */
body:after
{
	content:'enhanced';
	display:none;
}

body
{
	jfont-size:0.9em;
	font-size:1em; /* matches design */
}

#cssCheck
{
	font-weight:900;
}

html
{
}
.defaultMode
{
	display:none;
}
table.defaultMode
{
	display:none;
}
.enhancedMode
{
	display:block;
}
table.enhancedMode
{
	display:table;
}
.enhancedModeTableCell
{
	display:table-cell;
}
.enhancedModeTable
{
	display:table;
}
.enhancedModeInlineBlock
{
	display:inline-block;
}

.contentArea
{
	jmargin-top:2em;
	jpadding-top:80px;
}
.contentColumn
{
	padding-left:45px;
}
.contentColumn2
{
	jmargin-left:123px;
	jmax-width:1024px;
	padding-left:123px;
	max-width:1147px;
	box-sizing:border-box;
}
.bottomMenu
{
	max-width:1024px;
	margin-left:123px;
	margin-top:2em;
	font-size:0.8em;
}
.chartContainer
{
	padding-left:123px;
}
#incidentsChartParentContainer
{
	padding-left:108px;
}
#incidentsChartContainer
{
	height:340px;
}
.incidentsChartLabels
{
	padding-left:123px;
}
#containersChartCanvas, #serverlessComputingChartCanvas
{
	max-width:inherit !important;
}
#usingContainersColumn
{
	jpadding-right:0.25em; /* causes alignment problems when wrapping */
	margin-bottom:0;
	width:49%;
	min-width:460px;
	jmargin-right:0.25em;
}
#serverlessComputingColumn
{
	jpadding-left:0.25em; /* causes alignment problems when wrapping */
	width:49%;
	min-width:460px;
}
#containersChartContainer, #serverlessComputingChartContainer
{
	width:250px;
	height:240px;
}
#confidenceChartContainer
{
	padding-right:0;
	width:initial;
	height:340px;
	text-align:initial;
	min-width:200px;
}
.acgPanel
{
	text-align:left;
	padding:3.5em 3.5em;
}
#footerLogo
{
	width:initial;
}
#logoWithCloud
{
	width:initial;
}
.navigatingACloudySky
{
	padding-top:2em;
	text-align:left;
}
.navigatingACloudySkyTitle
{
	text-align:left;
	jfont-weight:inherit;	
}
.scrollLabel
{
	text-align:left;
}
.scrollAnimation
{
	text-align:right;
	padding-right:120px;
}

#sensitiveDataChartContainer,
{
	padding-left:116px;
}

.downloadReportButtonArea
{
	text-align:left;
}

#Introduction
{
	padding:0;
}
#introLogo
{
	padding-top:6em;
	padding-bottom:1em;
	margin-left:0;
	margin-right:0;
}
.panelText
{
	text-align:left;
}

/* McAfee sets these so we need to override */
h2
{
	text-align:left !important;
}