/*
// ------------------------------------
// 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;
}

#cssCheck
{
	font-weight:900;
}

.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;
}

.innerArea
{
	jpadding-left:3em;
	jpadding-right:3em;
}
.panelTitle
{
	font-size:2.5em;
	padding-top:1em;
	margin-right:0;
}
.panelDescriptionText
{
	margin-right:0;
	padding-top:60px;	/* bottom of mshield + 20 */
	padding:0 1em;
	padding-top:270px;
}
.acgPanel
{
	jmargin-bottom:8em;
	height:100%;
	jpadding-bottom:0;
	jpadding-right:0;
}
.panelTable
{
	/* padding-bottom:7.5em; */ /* Is this still needed after the auto padding code */
	/* height:100%; */
}
.panelText
{
	margin-top:0;
}
.acgPanelTitle
{
	font-size:1.625em;
}

.acg-flex-col2
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/2*100%);
}
.acg-flex-col3, .acg-flex-col3-stack
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/3*100%);
	jpadding:0 0.25em;
}
.acg-flex-col3-left-item
{
	padding-right:0.25em;
}
.acg-flex-col3-center-item
{
	padding:0 0.25em;
}
.acg-flex-col3-right-item
{
	padding-left:0.25em;
}
.acg-flex-col4, .acg-flex-col4-stack
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	width:calc(1/4*100%);
}

.acgContinueReadingButtonContainer
{
	text-align:left;
}

.acg
{
	font-size:1em;	/* Generally makes body copy 16px. This is required if we make the narrow mode text smaller by default. */
}

.acgWhiteBox
{
	padding:0 2.25em;
	margin:2em 0;
	column-count:2;
}

.acgWhiteBox p:last-child
{
	margin-bottom:0;
}

.acgGrayBox
{
	column-count:2;
	padding:2em 2.25em;
	margin:2em 0;
}

.whyModernizeFirstItem
{
	padding:1em;
	padding-left:0;
}
.whyModernizeItem
{
	padding-bottom:1em;
}
.whyModernizeLastItem
{
	padding-bottom:1em;
}
.panelContainer
{
	border-width:10px;
}
.headerBorder
{
	height:10px;
}
.mySection
{
	jpadding:0 2.25em;
	jpadding-top:1em;	
}
#tab2nav
{
	border-width:10px;
}
.acgIconTable
{
	width:initial;
}
.acgTabContent
{
	padding:0 82px;
}
.acgPiePercent
{
	font-size:2.75em;
}
.acgIconPercent
{
	font-size:2.75em;
	line-height:1em;
	margin-left: -100%;
    margin-right: -100%;
}
@media (min-width: 850px)
{
	.acgPieSize
	{
		width:148px;
		height:148px;
	}
	.acgIconSize
	{
		width:220px;
		height:220px;
	}
}
.acgGrayTitleBlock
{
	padding:1em;
}
.acgGrayTitleBlockItem
{
	height:2.5em;
	font-weight:bold;
}
.acgQuoteWedge
{
	width:85px;
}
.acgSiemensLogo
{
	jwidth:145px;
}
.acgMainTitleBlock
{
	font-size:2.25em;
	padding:0.7em;
	padding-left:0;
}
.acgAdditionalTitleBlock
{
	font-size:2.25em;
	padding:0.7em;
	padding-left:0;
}

.acgCallToActionBlock
{
	font-size:3.1em;
	padding:0.7em;
	padding-left:0;
}
.acgMainTab
{
	font-size:1.6em;
	padding:0.25em;
}
.acgSubTab
{
	font-size:1.6em;
}
.acgTab3FigureCaption
{
	padding:2em 1em;
}
.acgTab3ResultTitle
{
	font-size:2.6em;
}
.acgTab3ResultText
{
	font-size:2.5em;
}
.acgInfoSource
{
	jtext-align:center;
}
.acgMultiColumn
{
	column-count:2;
	column-gap:2em;
}
.acgTocLabel
{
	font-size:1.65em;
}
@media (max-width: 945px)
{
	.tabLabel
	{
		font-size:1.2em;
	}
}
.acgTocNumber
{
    width:48px;
	min-width:48px;
    height:48px;
}
.chartPercent
{
	font-size:2.75em;
}
.acgBlockWithBorder
{
	max-width:unset;
}
.acgSquareBlockWithoutBorder
{
	max-width:unset;
}
.acgRectangularBlockWithoutBorder
{
	max-width:880px;
	margin-left:24px;
	margin-right:24px;
}
.tab01ChartLargeHeader
{
	font-size: calc(0.0375*100vw);
}
@media (min-width: 1170px)
{
	.tab01ChartLargeHeader
	{
		font-size:calc(0.0375*1170px);
	}
}
.tab01ChartSmallHeader
{
	font-size: calc(0.0175*100vw);
}
@media (min-width: 1170px)
{
	.tab01ChartSmallHeader
	{
		font-size:calc(0.0175*1170px);
	}
}
.tab01ChartSource
{
	font-size: calc(0.0110*100vw);
}
@media (min-width: 1170px)
{
	.tab01ChartSource
	{
		font-size:calc(0.0110*1170px);
	}
}
.tab01ChallengesCell
{
	padding-top:0em;
	padding-bottom:0em;
}
.tab01ChartCell
{
	padding-top:0;
	padding-bottom:0;
}
.twoItemsPadEnhanced
{
	padding: 0 120px;
}
.titleDecoration
{
    top: 0.95em;
    bottom: 0.95em;
}
.leftTitlePadding
{
	jpadding-left: 2.1em;
}
.multiBlockLeftMargin
{
	margin-left: 1.5em;
}
.xceleratorBlockPadding
{
	padding: 2em;
}
.introCopy
{
	padding:0em 2.1em 3em 0em;
}
.cloudMargin
{
	margin:3em 6em 3em 5em;
}
.digitalTwinDefaultWidth
{
	width: fit-content;
}