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

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

body
{
    max-width: 100%;
    overflow-x: hidden;	/* Causes Chrome to add a vertical scrollbar */
	color:rgb(243,243,240);
	background-color:rgb(0,0,38);
}

#cssCheck
{
	font-weight:800;
}

.borderBox
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.outerArea
{
	jbackground-color:rgb(223,223,217);
	background-color:#000028;
	padding:0em 0;
	width:100%;
	/* Had to remove overflow-x because it prevents "sticky" position from working */
	joverflow-x:hidden;	/* This is required to fix "position:fixed" issues on iOS */

	/* height:100%; */
	min-height:100%;
	jtext-align:center;
	jcolor:#374850;
	jz-index:1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.innerArea
{
	jdisplay:inline-block;	/* caused a scrollbar to appear even though content fit */
	max-width:1170px;
	jmax-width:960px;
	jposition:relative;
	width:100%;
	/* height:100%; */
	min-height:100%;
	margin:auto;
	jtext-align:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	/* -webkit-overflow-scrolling:touch; */
	
	jbackground-color:rgb(243,243,240);
	background-color:rgb(0,0,40);
	jpadding:1em;
	jpadding-bottom:0em;
	padding-left:1.75em;
	padding-right:1.75em;
	
	position:relative;
	joverflow:hidden;
}

.panelContainer
{
	position:relative;
	
	width:100%;
	/* height:100%; */
	jmin-height:100%;
	margin:auto;
	text-align:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	border:10px solid rgb(51,51,83);
	border-top:0px;
	
	jbackground-color:#e6e7e9;
	jpadding-bottom:2em;
	
	jpadding:0 160px;
	joverflow:hidden;
}

.noScript
{
	padding-top:1em;
	width:960px;
	margin:auto;
	color:#000000;	
}

#preloadContent
{
	padding:2em;
	text-align:center;
}

#scriptContent
{
}

a.url
{
	text-decoration:none;
	color:#0070c5;
	joverflow-wrap:break-word;
	jword-wrap:break-word;
	word-break:break-word;	/* iOS long URLs don't break at hyphens or slashes */
}
a.url:hover
{
	jtext-decoration:underline;
}

a[href]:active
{
	color:#007493 !important;
}
/*

a[href]:visited
{
	color:#007493 !important;
}
a[href]:hover
{
	text-decoration:none;
	color:#005073;
}
*/

.acg ul
{
	list-style-type:disc;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding:0;
}
.acg ul li
{
	padding:0;
	margin-left:17px;
	jmargin-bottom:.625em;
}

.acg-flex-table
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	jjustify-content:space-between;
	justify-content:space-evenly; /* use 'space-evenly' if outer gutter is desired, set the item size to be a percentage minus fraction of overall gutter spacing (e.g., width:calc(33% - 2em)) */
}
.acg-flex-table-always
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	jjustify-content:space-between;
	justify-content:space-evenly; /* use 'space-evenly' if outer gutter is desired, set the item size to be a percentage minus fraction of overall gutter spacing (e.g., width:calc(33% - 2em)) */
}
.acg-flex-table-cell-always
{
}

.acg-flex-col, .acg-flex-col2, .acg-flex-col3, .acg-flex-col3-stack, .acg-flex-col4, .acg-flex-col4-stack
{
	width:100%;
}
.acg
{
	jfont-size:0.9em;
	jpadding-left:0.5em;
	jpadding-right:0.5em;
}
.acgNavPanel
{
	jposition:fixed;
	jposition:-webkit-sticky;	
	jposition:sticky;
	width:100%;
	jfloat:left;
	top:0;
	background-color:rgb(0,0,38);
	jz-index:2;
	padding:0;
}
.acgOtherBladeContent
{
	background-color:#cccccc;
	text-align:center;
}
.acgCompanyLogoArea
{
	padding:1em;
	padding-left:0;
	text-align:left;
}
.acgFootnoteArea
{
	max-width:1170px;
	width:100%;
	margin:auto;
	jbackground-color:rgb(243,243,240);
	background-color: #000028;
	padding-top:1.5em !important;
	padding-bottom:1.5em !important;
	padding-left: 2.25em;
	padding-right: 2.25em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgFootnote
{
	jcolor:rgb(0,0,38);
	color: white;
	font-size:0.8em;
	overflow-wrap:break-word;
}
.acgFootnote a
{
	jtext-decoration:none;
}

[data-id]
{
	cursor:hand;
	cursor:pointer;
}
.grap .percent-text p
{
	color:rgb(76,76,76) !important;
	font-weight:300 !important;
}

.acgLabeledIconGroup
{
	background-color:rgb(242,242,242);
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	jmargin:0 2.25em;
	jmargin-top:1em;	/* causing problems between top edge of group and top of scroll area */
	padding:1em;
}
.acgLabeledGroupItemIcon
{
}
.acgLabeledGroupItemLabel
{
	text-align:center;
	color:rgb(77,76,76);
}
.acgLabeledGroupLabel
{
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	text-align:center;
	background-color:rgb(77,76,76);
	color:rgb(255,255,255);
	padding:0.5em 1em;
}
.acgAnimatedTabControl
{
	display:table;
}
.acgWhiteBox
{
	column-count:1;
	padding:0 1em;
	background-color:rgb(242,242,242);	
	margin:1em 0;
}
.acgGrayBox
{
	column-count:1;
	padding:1em;
	background-color:rgb(242,242,242);	
	margin:1em 0;
}

.acgGrayTitleBlock
{
	display:table;
	jheight:2.5em;
	text-align:center;
	width:100%;
	background-color:rgb(223,223,217);
	padding:0.5em;
	box-sizing:border-box;
}

.acgGrayTitleBlockItem
{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:1.3em;
}

.acgQuotedContent
{
	padding:1em 0.5em;
	background-color:rgb(51,51,83);
	color:rgb(255,255,255);
	font-size:1.2em;
}

.iconWidth
{
	width:100px;
}
.myTitleTable
{
	display:table;
	height:4em;
	width:100%;
}
.myTitleCell
{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.myGraphics
{
	box-sizing:border-box;
	jpadding-top:0.5em;		/* do we need this? */
	jpadding-bottom:0.5em;	/* don't want this! */
	text-align:center;
}
.myGraphicsTable
{
	display:table;
	width:100%;
	box-sizing:border-box;
	height:calc(130px + 1em);
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-align:center;
}
.myGraphicsCell
{
	display:table-cell;
	vertical-align:middle;
	height:130px;
}
.whyModernizeFirstItem
{
	padding-bottom:1em;
}
.whyModernizeItem
{
	padding-bottom:2em;
}
.whyModernizeLastItem
{
	padding-bottom:0em;
}
.headerBorder
{
	background-color:rgb(51,51,83);
	height:10px;
}
.mySection
{
	jpadding:0 1em;
	jpadding-top:1em;	
}
#tab2nav
{
	jmargin-right:48px;
}
.acgSectionTitle
{
	text-align:left;
	margin:1.2em 0em;
	jmargin-bottom:2em;
	font-size:1.25em;
	jfont-weight:bold;
	color:rgb(51,51,83);
	font-size:1.5em;
}
.acgRwdWide .acgSectionTitle
{
	font-size:1.5em;
}
.myTextBlock
{
	text-align:left;
	max-width:300px;
	margin:auto;
}
.acgLabeledGroupItemLabel h3
{
	font-size:2.1rem;
}
/* Siemens */
.acgPanelTitle
{
	jfont-size:1.5em;
	font-size:1.25em;	/* matches design in mobile mode */
	jmargin-top:1em;
	jmargin-bottom:1em;
	padding-top:1em;	/* 1em needed to match desktop... */
	padding-bottom:1em;
	jcolor:rgb(51,51,83);
	font-weight:bold;
}
.acgPanelSubtitle
{
	font-size:1em;
	jfont-weight:bold;
	text-align:center;
	color:rgb(51,51,83);
	padding:1em;
}
.acgPiePercent
{
	font-size:2em;
}
.acgPiePercent sup
{
	font-size:0.4em;
	position: relative;
    top: -0.5em;
}
.acgIconPercent
{
	margin-top: 0.25em;
	font-size:2em;
}
.acgSmallImage
{
	jwidth:80px;
	margin-right:1em;
}

[data-acgtabcontrol-tabid='whymodernize'] .acgPiePercent
{
	color:rgb(236,102,2);
}
.acgDataSource
{
	font-style:italic;
	font-weight:bold;
	margin-bottom:1em;
}
.acgInfoSource
{
	font-style:italic;
	jfont-size:0.875em;
	font-size:0.8em;
	color:#788791;
	text-align:left;
	jtext-align:center;
	margin-top:1em;
	margin-bottom:2em;
}
sup
{
	font-size:0.8em;
}
.acgOnScrollElementWrapper
{
	jdisplay:inline-block;
}
.acgIconTable
{
	max-width:300px;
	margin:auto;
}
.acg-flex-col3
{
	box-sizing:border-box;
	jpadding:0 0.25em;
}
.acgMainTab
{
	font-size:1.25em;
	font-weight:bold;
}
.acgSubTab
{
	font-size:1.25em;
	font-weight:bold;
}

.tabLabel
{
	font-size:1.6em;
	font-weight:bold;
}
.tabLabel.tabLongLabel
{
	font-size:1.2em;
}

.acgTabContent
{
	padding:0 32px;
}
.acgPieSize
{
	display:inline-block;
	width:100px;
	height:100px;
}
.acgIconSize
{
	display:inline-block;
	width:160px;
	height:160px;
}
.acgLargeIconSize
{
	display:inline-block;
	width:100%;
	max-width:214px;
}

.acgQuoteWedge
{
	position:absolute;
	left:10px;
	top:100%;
	width:20px;
}
.acgQuote
{
	jfont-size:4em;
}
.acgSiemensLogo
{
	width:145px;
	position:relative;
	top:2px;
}
.acgSiemensLogoLink
{
	padding-top:1em;
	jpadding-right:2.5em;
	jpadding-bottom:1em;
}

.headerTitleText
{
	text-align: right;
	font-size: 2em;
	color: white;
}
.acgRwdNarrow .headerTitleText
{
	text-align: left;
	font-size: 1.85em;
	color: white;
	margin-top: 0.2em;
	margin-bottom: 0.45em;
}

.subtitleText
{
	font-family: Siemens Sans Black,arial,sans-serif;
	text-align: left;
	font-size: 1.5em;
	font-weight: 400;
	color: #00C1B6;
}
#ratingSubtitleCategory
{
	color: white;
}

#xcelerator
{
	padding:1em;
}

/*
.myHighlight
{
	border:10px solid black;
	border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
}
*/

.myHighlight
{
  --borderWidth: 3px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}

.myHighlight:after
{
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/*
#xcelerator
{
	overflow:hidden;
	transition:0.2s;
}
#xcelerator span
{
	position:absolute;
	display:block;
}
#xcelerator span:nth-child(1)
{
	top:0;
	left:-100%;
	width:100%;
	height:2px;
	background:linear-gradient(90deg,transparent,#2196f3);
}
#xcelerator.myHighlight span:nth-child(1)
{
	left:100%;
	transition:1s;
}
#xcelerator span:nth-child(2)
{
	top:-100%;
	right:0;
	width:2px;
	height:100%;
	background:linear-gradient(180deg,transparent,#2196f3);
}
#xcelerator.myHighlight span:nth-child(2)
{
	top:100%;
	transition:1s;
	transition-delay:0.25s;
}
#xcelerator span:nth-child(3)
{
	bottom:0;
	right:-100%;
	width:100%;
	height:2px;
	background:linear-gradient(270deg,transparent,#2196f3);
}
#xcelerator.myHighlight span:nth-child(3)
{
	right:100%;
	transition:1s;
	transition-delay:0.5s;
}
#xcelerator span:nth-child(4)
{
	bottom:-100%;
	left:0;
	width:2px;
	height:100%;
	background:linear-gradient(360deg,transparent,#2196f3);
}
#xcelerator.myHighlight span:nth-child(4)
{
	bottom:100%;
	transition:1s;
	transition-delay:0.75s;
}
*/
.acgTab3FigureCaption
{
	padding:0.5em;
}
.acgTab3ResultTitle
{
	font-size:0.7em;
}
.acgTab3ResultText
{
	font-size:0.7em;
}
.acgSectionHeader
{
	background-color:rgb(204,204,212);
	padding:1em;
	text-align:center;
	color:rgb(51,51,83);
	font-weight:bold;
	border-bottom:4px solid rgb(51,51,83);
}
.acgAnimatedText
{
	display:none;
	position:absolute;
	font-size:2.47em;
	line-height:1.1;
}
.acgTextBlock
{
	margin:1.5em 0;
}
.acgHorizontalLine
{
	background-color:rgb(53,53,83);
	height:1px;
}
.acgTocMenu
{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	background-color:rgb(223,223,217);
	jpadding:1em;
	z-index:3;
	jheight:100%;	/* TODO: Include this for a fullscreen overlay */
	overflow-y:auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgTocMenuItem
{
	font-weight:bold;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.acgTocMenuItem:not(:last-child)
{
	margin-bottom:0.5em;
}

.acgTocWrapper
{
	display:table;
	width:100%;
}

.acgTocNumber
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:43px;
	min-width:43px;
    height:43px;
    font-size:1.7em;
    font-weight:bold;
	background-color:rgb(0,153,153);
	color:white;
}
.acgTocLabel
{
    display:table-cell;
    vertical-align:middle;
	padding-left:0.25em;
	font-size:1.25em;
}
.acgAdditionalResources
{
	font-weight:bold;
}
.acgVideoTitle
{
	border:4px solid rgb(51,51,83);
	background-color:rgb(204,204,212);
	color:rgb(51,51,83);
	padding:1em;
	font-weight:bold;
}
.acgVideoFrame
{
	border:4px solid rgb(51,51,83);
	border-top:0;
	line-height:0;
}
.acgBlockWithBorder
{
	border-width:4px;
	border-style:solid;
	margin-bottom:1em;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
	line-height: 0;
}
.acgBlockWithBorderLabel
{
	padding:0.5em 1em;
	color:white;
	font-size:1.5em;
	text-align:center;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.acgSquareBlockWithoutBorder
{
	margin-bottom:0.25em;
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
	line-height: 0;
}
.acgRectangularBlockWithoutBorder
{
	margin-bottom:0.25em;
	jmax-width:880px;
	margin-left:16px;
	margin-right:16px;
	line-height: 0;
}
.acg-flex-col-50ish
{
	width:100%;
}
.acgRwdWide .acg-flex-col-50ish
{
	width:calc(50% - 10px);
	jmargin-bottom:20px;
}
.acgPanel
{
	padding:1em 0;
	margin:1.5em 0;
}
.acgSource
{
	font-size:0.8em;
	font-style:italic;
	margin-top:1em;
}
.acgMatchItems
{
	box-sizing:border-box;
}

.introCopy
{
	margin-top: 1.5em;
	font-size: 1.134em;
	color: rgb(243,243,240);
	padding:0em 1em 3em 0em;
}
.capLabel
{
	padding:0.5em 1em;
	font-size: 1.2em;
	color: white;
	text-align: center;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.iconTextBlock
{
	jtext-align:left;
	jmax-width:300px;
	font-size: 1.1em;
	margin:auto;
}
.chartTextBlock
{
	text-align:left;
	font-size: 1.1em;
	margin:auto;
}
.chartPercent
{
	text-align:left;
	font-size:2em;
}
.tab01ChallengesCell
{
	padding-top:1em;
	padding-bottom:1em;
}
.tab01ChartCell
{
	padding-top:1em;
	padding-bottom:1em;
}
.acgMainTitleBlock
{
	jmargin-top:1em;
	font-size:2.25em;
	color:rgb(0,0,40);
	text-align:left;
	padding:1em;
	padding-left:0;
	padding-right:0;
	position: relative;
}
.acgAdditionalTitleBlock
{
	jmargin-top:1em;
	font-size:2.4em;
	color:rgb(0,0,40);
	text-align:left;
	padding:1em;
	padding-left:0;
	padding-right:0;
	position: relative;
}
@media (max-width: 420px)
{
	.acgAdditionalTitleBlock
	{
		font-size:2.2em;
	}
}
.acgCallToActionBlock
{
	jmargin-top:1em;
	font-size:2em;
	color:rgb(0,0,40);
	text-align:left;
	padding:1em;
	padding-left:0;
	position: relative;
}
@media (max-width: 420px)
{
	.acgCallToActionBlock
	{
		font-size:1.75em;
	}
}
.acgTitleText
{
	margin-left: 0.5em;
	color:rgb(243,243,240);
}
.acgTitleTextBold
{
	margin-left: 0.5em;
	color:rgb(243,243,240);
	font-weight: bold;
}
.acgDarkTitleTextBold
{
	margin-left: 0.5em;
	color:rgb(0,0,38);
	font-weight: bold;
}
.acgDarkText
{
	color:rgb(0,0,38);
}
.titleDecoration
{
    position: absolute;
    left: 0;
    top: 1.22em;
    bottom: 1.22em;
    background: linear-gradient(180deg,#00ffb9,#00e6dc);
    width: 0.11em;
    jbottom: .3rem;
    jtop: 32px;
}
.leftTitlePadding
{
	jpadding-left: 1em;
}
.multiBlockLeftMargin
{
	margin-left: 0.75em;
}
.xceleratorBlockPadding
{
	padding: 1.5em 1.5em 1.5em 1.5em;
}
.discoverMoreBox
{
	text-align:center;
	font-size:1.25em;
	color:rgb(0,0,38);
	background: linear-gradient(90deg,#00ffb9,#00e6dc);
	padding: 1.1em;
	max-width:580px;
	display: block;
}
.discoverMoreBox:hover
{
	background: rgb(197,255,239);
}
.smallTitleText
{
	font-size:1.125em;
	font-weight:bold;
}
.smallText
{
	font-size:1em;
}
.cloudMargin
{
	margin:1em 2em;
}
.introCloud
{
	background-image:url("../images/cloud.png");
	width: 495px;
	height: 289.5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.introTeam
{
	background-image:url("../images/team.png");
	width: 498.5px;
	height: 101.5px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.digitalTwinDefaultWidth
{
	width: 200px;
}


.sidemenu {
  position:relative;
  top:0px;
  left:0px;
  width:230px;
  z-index:100;
}

.moduleBtn {
  display:block;
  margin-left:0;
  padding: 2px 2px 2px 5px;
  background-color:rgba(255,255,255,0);
  width:165px;
  cursor:pointer;
}

/*.activeMod {
    background-color:rgba(255,255,255,.4);
}*/

.moduleBtn a {
  text-decoration:none;
  font-size:14px;
  color:rgba(255,255,255,0.7);
}

.boxBtn {
    display:block;
    margin-left:0;
    padding: 0px 0px 0px 18px;
    background-color:rgba(13,21,55,0.6);
    cursor:pointer;
	jheight: 0;
}

.boxBtn a {
    text-decoration:none;
    font-size:13px;
    color:rgba(255,255,255,0.5);
}

.submoduleBtn {
    display:block;
    margin-left:0;
    padding: 0px 0px 0px 18px;
    background-color:rgba(13,21,55,0.6);
    cursor:pointer;
	jheight: 0;
}

/*.activeChap {
    color:rgba(255,255,255,1);
}*/


#selectionsAndConclusionsScreens, #considerScreens
{
	min-height:950px;
}

.acgRwdWide #selectionsAndConclusionsScreens, .acgRwdWide #considerScreens
{
	min-height:950px;
}

.acgRwdDesktop #selectionsAndConclusionsScreens, .acgRwdDesktop #considerScreens
{
	min-height:700px;
}

.acgRwdNarrow #selectionsAndConclusionsScreens, .acgRwdNarrow #considerScreens
{
	min-height: 950px;
}

.categoryDescriptionText
{
	jtext-align: left;
	font-size: 1.125em;
	line-height: 1.625em;
	min-height: 80px;
	margin-top: 1em;
}

.acgRwdNarrow .categoryDescriptionText
{
	min-height: 120px;	/* attempt to keep things from shifting around when the description text changes */
}

.menuOuterContainer
{
	display:flex;
	flex-direction:row;
}

.acgRwdWide .menuOuterContainer
{
	min-height: 300px;
	margin-top: 100px;
}

.acgRwdNarrow .menuOuterContainer
{
	flex-direction:column;
}

#toplevelaccordian
{
	display:flex;
	flex-direction:row;
	width:100%;
}

.acgRwdNarrow #toplevelaccordian
{
	display:flex;
	flex-direction:column;
	width:100%;
}

.toplevelaccordiancontent
{
	min-width:50%;
	max-width:50%;
}

.acgRwdWide .toplevelaccordiancontent
{
	display: flex;
	flex-direction: row;
	margin-top: -120px;
}

.acgRwdNarrow .toplevelaccordiancontent
{
	min-width:unset;
	max-width:unset;
	position: relative;
	height:0;
	z-index: 2;
	top: -20px;
}

.contentchildcontainer
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
}

.acgRwdNarrow .contentchildcontainer
{
	display: flex;
	flex-direction: column;

	position:absolute;
	width: 100%;
	align-content: unset;
}

.sublevelcontentchildcontainer1, .sublevelcontentchildcontainer2, .sublevelcontentchildcontainer3, .sublevelcontentchildcontainer4
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.acgRwdNarrow .sublevelcontentchildcontainer1
{
	display: flex;
	flex-direction: column;

	position:absolute;
	top: 60px;	/* Align the content below the corresponding button in narrow mode */
	width: 100%;
}
.acgRwdNarrow .sublevelcontentchildcontainer2
{
	display: flex;
	flex-direction: column;

	position:absolute;
	top: 120px;	/* Align the content below the corresponding button in narrow mode */
	width: 100%;
}
.acgRwdNarrow .sublevelcontentchildcontainer3
{
	display: flex;
	flex-direction: column;

	position:absolute;
	top: 180px;	/* Align the content below the corresponding button in narrow mode */
	width: 100%;
}
.acgRwdNarrow .sublevelcontentchildcontainer4
{
	display: flex;
	flex-direction: column;

	position:absolute;
	top: 240px;	/* Align the content below the corresponding button in narrow mode */
	width: 100%;
}

.subcategoryAppSelectionPrompt
{
	text-align:center;
	margin-top: 10px;
	margin-bottom: 5px;
}

.leftVerticalDivider
{
	border-left: 1px solid #00646E;
	height: 66px;
	width: 2px;
}

.rightVerticalDivider
{
	border-right: 1px solid #00646E;
	height: 66px;
	width: 2px;
}

.leftVerticalDividerTall
{
	border-left: 1px solid #00646E;
	height: 100%;
	width: 2px;
}

.rightVerticalDividerTall
{
	border-right: 1px solid #00646E;
	height: 100%;
	width: 2px;
	margin-right: -1px; /* render directly on top of small divider to the right so you don't see both */
}

.horizontalDivider
{
	border-top: 1px solid #00646E;
	jheight: 2px;
	height: 0px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

.horizontalDividerConclusions
{
	width: 100%;
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}

.acgRwdDesktop .horizontalDividerConclusions
{
	display: none;
}

.acgRwdWide .horizontalDividerConclusions
{
	width: 100%;
	margin-top: 1.125em;
	margin-bottom: 1.125em;
}


.conclusionsContainer
{
	display:flex;
	flex-direction:column;
	align-items: center;
	
}
.acgRwdDesktop .conclusionsContainer
{
	flex-direction: row;
	justify-content: space-between;
}

.acgRwdNarrow #changeSelectionsButton
{
	order: 2;	/* For mobile layout, make this the last item in the flexbox column */
}

.acgRwdWide .conclusionsDescriptionText
{
	max-width: 50%;
}


.conclusionsChartsOuterContainer
{
	display: flex;
	flex-direction: column;
}

.bigConclusionsChart
{
	display: flex;
	flex-direction: column;
	height: 75%;	/* Because of row overlap in wide mode, height is a portion of 100% */
	pointer-events:none;
}

.acgRwdNarrow .bigConclusionsChart
{
	height: 100%;
}

.bigConclusionsChartTopRow
{
	jbackground-color: green;
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: end;
}
.bigConclusionsChartMiddleRow
{
	jbackground-color: aquamarine;
	display: flex;
    flex-direction: row;
	align-items: center;
}
.acgRwdWide .bigConclusionsChartMiddleRow
{
	jtransform: translateY(-40px);
	margin-top: -55px;
}
.bigConclusionsChartBottomRow
{
	jbackground-color: blue;
	display: flex;
    flex-direction: row;
	justify-content: center;
}
.acgRwdWide .bigConclusionsChartBottomRow
{
	jtransform: translateY(-80px);
	margin-top: -35px;
}

.acgRwdNarrow .bigConclusionsChartBottomRow
{
	margin-top: 25px;
}

.svgIconChart
{
	fill: #333353;
	height: 80%;
	width: 80%;
	margin-top: 7px;
	margin-left: 50px;
	position: absolute;
	top: 0;
}

.yourPotentialScoreChartsContainer
{
	display: flex;
	flex-direction: column;
	font-size: 1.125em;
	color: white;
}

.acgRwdDesktop .yourPotentialScoreChartsContainer
{
	margin-bottom: 30px;
}

.conclusionsYourScoreBar
{
	border: 1px solid #00C1B6;
	width: 296px;
	height: 30px;
	margin-bottom: 20px;
}

.conclusionsYourScoreBar:not( .acgRwdDesktop )
{
	margin-bottom: 3px;
}

#yourScoreChartPercentageBar:not( .acgRwdDesktop )
{
	margin-bottom: 15px;
}


.barDescriptionText
{
	margin-bottom: 10px;
}

.topleftChartArrow
{
	background-image:url("../images/arrow_desktop_diagonal_01.png");
	width: 64px;
	height: 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 32px;
	margin-left: 5px;
	margin-right: 5px;

}
.acgRwdNarrow .topleftChartArrow
{
	margin-bottom: 0px;
}

.toprightChartArrow
{
	background-image:url("../images/arrow_desktop_diagonal_02.png");
	width: 64px;
	height: 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 32px;
	margin-left: 5px;
	margin-right: 5px;

}
.acgRwdNarrow .toprightChartArrow
{
	margin-bottom: 0px;
}

.bottomleftChartArrow
{
	background-image:url("../images/arrow_desktop_diagonal_02.png");
	width: 64px;
	height: 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
	margin-left: 5px;
	margin-right: 5px;

}
.acgRwdNarrow .bottomleftChartArrow
{
	margin-top: -17px;
}
.bottomrightChartArrow
{
	background-image:url("../images/arrow_desktop_diagonal_01.png");
	width: 64px;
	height: 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
	margin-left: 5px;
	margin-right: 5px;

}
.acgRwdNarrow .bottomrightChartArrow
{
	margin-top: -17px;
}

.middleChartArrow
{
	background-image:url("../images/arrow_desktop_horizontal.png");
	width: 274px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;

}

.acgRwdNarrow .middleChartArrow
{
	background-image:url("../images/arrow_mobile_horizontal.png");
	width: 44px;
}

@media (max-width: 420px)
{
	.acgRwdNarrow .middleChartArrow
	{
		width: 40px;
		margin-left: 0px;
		margin-right: 0px;
	}
}

.conclusionsTextAndChartButton
{
	display:flex;
	flex-direction:column;
	
	pointer-events:auto;
}

.conclusionCategoryText
{
	font-size: 1.125em;
	font-weight: bold;
	font-family: Siemens Sans Prof Bold,arial,sans-serif;
	color: white;
	line-height: 1.2em;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 4px;
	margin-top: 3px;
	max-width: 140px;
}

.conclusionsCategoryImageBase
{
	border: 1px solid #00E6DC;
	width: 147px;
	height: 77px;
	position: relative;
}
.acgCssButton:hover .conclusionsCategoryImageBase
{
	border-color: white;
	background-color: #00557C;
}
.conclusionsCategoryImagePLMSiemens
{
	background-image:url("../images/chart_images_PLM.png");
}
.conclusionsCategoryImageMCADSiemens
{
	background-image:url("../images/chart_images_MCAD.png");
}
.conclusionsCategoryImageECADSiemens
{
	background-image:url("../images/chart_images_ECAD.png");
}
.conclusionsCategoryImageSimSiemens
{
	background-image:url("../images/chart_images_SIM.png");
}
.acgCssButton:hover .conclusionsCategoryImagePLMSiemens
{
	background-image:url("../images/chart_images_PLM_RO.png");
}
.acgCssButton:hover .conclusionsCategoryImageMCADSiemens
{
	background-image:url("../images/chart_images_MCAD_RO.png");
}
.acgCssButton:hover .conclusionsCategoryImageECADSiemens
{
	background-image:url("../images/chart_images_ECAD_RO.png");
}
.acgCssButton:hover .conclusionsCategoryImageSimSiemens
{
	background-image:url("../images/chart_images_SIM_RO.png");
}
.conclusionMiniBarChart
{
	border: 1px solid #00E6DC;
	border-top: none;
	width: 147px;
	height: 22px;
}

.conclusionsScoreAndButtonsOuterContainer
{
	display: flex;
	flex-direction: column;
}

.acgRwdNarrow .conclusionsScoreAndButtonsOuterContainer
{
	align-items: center;
}

.conclusionsButtonsContainer
{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.acgRwdNarrow .conclusionsButtonsContainer
{
	flex-direction: column;
	margin-top: 3px;
}

#considerConclusionsCategoryText
{
	color: white;
}

.considerSubtitleBar
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.acgRwdNarrow .considerSubtitleBar
{
	justify-content: flex-start;
	align-items: center;
}

.acgRwdWide .svgConsiderSubtitleIcon
{
	display: none !important;
}

.acgRwdNarrow .svgConsiderSubtitleIcon
{
	fill: rgb( 128, 92, 255 );
	jdisplay: block !important;
	margin-right: 10px;
}

.acgRwdNarrow .svgConsiderSubtitleIconSiemens
{
	fill: rgb( 0, 153, 153 );
	jdisplay: block !important;
}


.considerBannerContainer
{
	display: flex;
	flex-direction: row;
}

.considerBannerIconBase
{
	jbackground-image:url("../images/bannerIconPLM.png");
	width: 108px;
	height: 108px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
	margin-bottom: 20px;
}

.considerBannerIconPLM
{
	background-image:url("../images/bannerIconPLM.png");
}
.considerBannerIconMCAD
{
	background-image:url("../images/bannerIconMCAD.png");
}
.considerBannerIconECAD
{
	background-image:url("../images/bannerIconECAD.png");
}
.considerBannerIconSim
{
	background-image:url("../images/bannerIconSim.png");
}
.considerBannerIconPLMSiemens
{
	background-image:url("../images/bannerIconPLMSiemens.png");
}
.considerBannerIconMCADSiemens
{
	background-image:url("../images/bannerIconMCADSiemens.png");
}
.considerBannerIconECADSiemens
{
	background-image:url("../images/bannerIconECADSiemens.png");
}
.considerBannerIconSimSiemens
{
	background-image:url("../images/bannerIconSimSiemens.png");
}

.considerBannerImageBase
{
	jbackground-image:url("../images/bannerPLM.png");
	jwidth: 100%;
	flex-grow: 1;
	height: 108px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
	margin-bottom: 20px;
}

.considerBannerImagePLM
{
	background-image:url("../images/bannerPLM.png");
}
.considerBannerImageMCAD
{
	background-image:url("../images/bannerMCAD.png");
}
.considerBannerImageECAD
{
	background-image:url("../images/bannerECAD.png");
}
.considerBannerImageSim
{
	background-image:url("../images/bannerSim.png");
}

.yourOrganizationContainer
{
	display: flex;
	flex-direction: row;
}

.acgRwdNarrow .yourOrganizationContainer
{
	flex-direction: column-reverse;  /* could also use flex order/groups on items to reorder for narrow/mobile layout */
	margin-top: 1em;
}

.yourOrganizationScoreResultsBar
{
	border: 1px solid #00C1B6;
    width: 296px;
    height: 30px;
    jmargin-bottom: 20px;
	jbackground-color: orange;
}

.considerAppContainer
{
	display: flex;
	flex-direction: row;
}

.acgRwdNarrow .considerAppContainer
{
	flex-direction: column;
}

.considerAppScoreResultsBar
{
	border: 1px solid #00C1B6;
    width: 296px;
    height: 30px;
    jmargin-bottom: 20px;
	margin-top: 20px;
	background-color: aquamarine;
}

.learnMoreAboutAppContainer
{
	display: flex;
	flex-direction: row;
}

.acgRwdNarrow .learnMoreAboutAppContainer
{
	flex-direction: column-reverse;
}

.yourOrganizationCategoryConclusionsText
{
	font-size: 1.125em;
	margin-left: 30px;
}

.acgRwdWide .yourOrganizationCategoryConclusionsText
{
	margin-top: 4px;
}

.acgRwdNarrow .yourOrganizationCategoryConclusionsText
{
	margin-left: 0;
	margin-bottom: 1em;
}

.selectedAppTextCategoryConclusions
{
	font-weight: bold;
	font-family: Siemens Sans Prof Bold,arial,sans-serif;
}

.considerAppCategoryConclusionsText
{
	font-size: 1.125em;
	jfont-weight: bold;
	jfont-family: Siemens Sans Prof Bold,arial,sans-serif;
	margin-left: 30px;
}

.acgRwdWide .considerAppCategoryConclusionsText
{
	margin-top: 24px;
}

.acgRwdNarrow .considerAppCategoryConclusionsText
{
	margin-left: 0;
	margin-top: 1em;
}

.considerAppCategoryConclusionsTextApplicationName
{
	font-weight: bold;
	font-family: Siemens Sans Prof Bold,arial,sans-serif;
}

.categoryConclusionsBenefitsText
{
	font-size: 1.125em;
	line-height: 1.625em;
	margin-left: 30px;
}

.acgRwdNarrow .categoryConclusionsBenefitsText
{
	margin-left: 0;
	margin-top: 0.5em;
}

#categoryTextReturn
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	jmargin-right: 2em;
}

.acgRwdWide #categoryTextChangeSelections
{
	padding-right: 2em;
}

.percentageBarOuter
{
	display: grid;
	grid-template: 1fr / 1fr;
	jplace-items: center;
	height: 100%;
}

.percentageBarOuter > *
{
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}

.percentageBarOuter .percentageBarOverlay
{
	width: 100%;
	height: 100%;
	z-index: 2;
}

.percentageBarGridLines
{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	width: 100%;
	height: 100%;
}

.percentageBarGridLine
{
	border-left: 1px solid #00E6DC;
	height: 100%;
	width: 1px;
}

.percentageBarOuter .percentageBarFill
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	width: 100%;
	height: 100%;
	jbackground-color: #EC6602;
	background-color: #805CFF;
}

.percentageBarFill100Percent
{
	background-image:url("../images/Siemens_bar_chart.png");
}
.percentageBarOuter .percentageBarFill100PercentGreenBlue
{
	background-image: none;
	background-color: #00C1B6;
}

.percentageBarText
{
	text-align: center;
	color: white;
	font-size: 1.125em;
	font-weight: bold;
	font-family: Siemens Sans Prof Bold,arial,sans-serif;
	margin-top: auto;
	margin-bottom: auto;
	z-index: 3;
}

.conclusionMiniBarChart .percentageBarFill100Percent
{
	background-image: none;
	background-color: #00C1B6;
}

.percentageBarGradientOuter
{
	display: grid;
	grid-template: 1fr / 1fr;
	jplace-items: center;
	height: 100%;
}

.percentageBarGradientOuter > *
{
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}

.percentageBarGradientOuter .percentageBarGradientOverlay
{
	width: 100%;
	height: 100%;
	z-index: 2;
}

.percentageBarGradientOuter .percentageBarGradientFillContainer
{
	display: flex;
	flex-direction: row;
}

.percentageBarGradientOuter .percentageBarGradientFillInitialSolid
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	width: 0%;
	height: 100%;
	jbackground-color: #FF9000;
	background-color: #805CFF
}

.percentageBarGradientOuter .percentageBarGradientFill
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	width: 100%;
	height: 100%;
	jbackground-color: #FF9000;
	jbackground-image: linear-gradient( to right, #FF9000, #000028 );
	background-image: linear-gradient( to right, #805CFF, #000028 );
}

.percentageBarGradientOuter .percentageBarGradientFillBackground
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	width: 0%;
	height: 100%;
	background-color: #000028;
}

.percentageBarGradientFill100Percent.percentageBarGradientFill
{
	background-image: linear-gradient( to right, #00C1B6, #00C1B6 );
}

.yourOrganizationScoreResultsBar .percentageBarGradientFill100Percent.percentageBarGradientFill
{
	background-image:url("../images/Siemens_bar_chart.png");
}

.percentageBarGradientFillAltColor.percentageBarGradientFill
{
	background-image: linear-gradient( to right, #00C1B6, #000028 );
}
.percentageBarGradientFill100Percent.percentageBarGradientFillAltColor.percentageBarGradientFill
{
	background-image: none;
	background-color: #00C1B6;
}

.percentageBarGradientText
{
	text-align: center;
	color: white;
	font-size: 1.125em;
	font-weight: bold;
	font-family: Siemens Sans Prof Bold,arial,sans-serif;
	margin-top: auto;
	margin-bottom: auto;
	z-index: 3;
}