/*
// ------------------------------------
// 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 */
	background-color:#ffffff;
}

body .acgRwdNarrow
{
	font-size:0.82rem;
}

#cssCheck
{
	font-weight:800;
}

.defaultMode
{
	display: block;
}
table.defaultMode
{
	display: table;
}
.enhancedMode
{
	display: none;
}
table.enhancedMode
{
	display: none;
}
.enhancedModeTableCell
{
	display:none;
}
.enhancedModeInlineBlock
{
	display:none;
}

.myLink
{
	text-decoration:underline;
}

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

.outerArea
{
	background-color:rgb(247,247,247);
	jpadding:1em 0;
	width:100%;
	joverflow-x:hidden;	/* This is required to fix "position:fixed" issues on iOS */

	/* height:100%; */
	jmin-height:100%;
	text-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 */
	jmax-width:1612px;
	max-width:1400px;
	jposition:relative;
	width:100%;
	/* height:100%; */
	min-height:100%;
	margin:auto;
	jtext-align:left;
	jpadding:0 1em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	/* -webkit-overflow-scrolling:touch; */
	
	jbackground-color:#e6e7e9; /* Must also set for html in global.css */
	padding:0 1em;
	jpadding-bottom:0em;
}

.panelContainer
{
	position:relative;
	
	width:100%;
	/* height:100%; */
	min-height:100%;
	margin:auto;
	text-align:left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	jbackground-color:#e6e7e9;
	jpadding-bottom:2em;
}

.startHidden
{
	visibility:hidden;
}

.startDisplayNone
{
	display:none;
}

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

.panel
{
	width:100%;
	
	display:inline-block;
	text-align:left;
	vertical-align:top;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.inputPanel
{
	jwidth:100%;
	margin-bottom:1em;
}

.nextStepsPanel
{
	padding:0 1em;
	margin-bottom:1em;
}

.disclaimerPanel
{
	padding:0 1em;
	font-size:0.8em;
	margin-top:2em;
	margin-bottom:2em;
}

.outputPanel
{
	width:100%;
	border:1px solid #000000;
	background-color:#ececec;
	jheight:317px;
}
.acgRwdWide .outputPanel
{
	width:100%;
	border-width:0px;
	background-color:initial;

}
.panelTitle
{
	color:#000000;
	font-size:2em;
	font-weight:bold;
	jborder-bottom:1px solid #e6e6e6;
	margin-top:1em;
	margin-bottom:0.2em;
}
.panelSubtitle
{
	color:#000000;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	margin-top:0.5em;
	margin-bottom:0.2em;
}
.panelBody
{
	margin-top:0.5em;
}

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

#scriptContent
{
	background-color:#ffffff;
	jcolor:#444444;
}

.headerOuterArea
{
	background-color:rgb(0,0,0);
	jpadding-top:0.5em;
	jpadding-bottom:0.5em;
	
	jborder-bottom:4px solid #d42027;
}
.headerBand
{
	background-color:#000000;
	jpadding:0 1em;
}
.acgRwdWide .headerBand
{
	jbackground: linear-gradient(to bottom, #ffffff 85%,#dddddd 100%);
}

.acgRwdWide .headerPadding
{
	padding:30px 0;
}

.title
{
	color:rgb(255,255,255);
	font-size:1.75em;
	font-family:Montserrat;
}
.helpSectionTitle
{
	font-size:1.5em;
	padding:1em 0 0 0;
	margin-bottom:0.25em;
	border-bottom:1px solid #e6e6e6;
}

.myStepper
{
	text-align:right;
	width:6em;
	font-size:1em;
	position:relative;
	top:0.1em;
}

.outerArea.creditsArea
{
	border-top:4px solid #d21100;
	position:static;
	jbackground-color:#f4f4f4;
	background-color:#f6f7f8;
	position:fixed;
	bottom:0;
}

.acgRwdNarrow .outerArea.creditsArea
{
	font-size:0.8em;
}


.footer
{
	jbackground-color:#555555;
	color:#ffffff;
	font-size:0.65em;
	jpadding:1em;
	
	jbackground-image: linear-gradient(105deg, #565555 75%, #454444 75%);
	jbackground-image: -webkit-linear-gradient(-15deg, #565555 75%, #454444 75%);	
	jbackground-image: -moz-linear-gradient(-15deg, #565555 75%, #454444 75%);
}

.footer a
{
	text-decoration:none;
	color: white;
}

.footer .links a
{
	text-decoration: underline;
}

.footer span
{
	display: inline-block;
	padding: 10px;
}

.footerTable
{
	margin-top:1em;
	width:100%;
}
.acgRwdWide .footerTable
{
	width:100%;
}

#cumulativeCostChart
{
	height:20em;
}

#cumulativeCostChartLegend
{
	font-size:1em;
	jborder:1px solid #cccccc;
	padding:0.25em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
.legendBlock
{
	height:0.75em;
	width:0.75em;
	display:inline-block;
	margin:0.2em;
	margin-bottom:0;
	position:relative;
	top:0.2em;
}

.tab
{
	border:1px solid #e6e6e6;
	border-bottom:0px;
	width:8em;
	display:inline-block;
	text-align:center;
	cursor:hand;
	cursor:pointer;
	background-color:#f0f0f0;
	padding:0.5em 0;
}

.tabSelected
{
	border:1px solid #d42027;
	border-bottom:0px;
	background-color:#ffffff;
}

.contentArea
{
	jmargin-top:0.5em;
	padding-top:0.5em;
	background-color:rgb(255,255,255);
}
.acgRwdWide .contentArea
{
	padding-top:1em;

}
.myOuterStepper
{
	white-space:nowrap;
}
.rowPadding
{
	padding-top:1em;
	padding-bottom:1em;
}
.tableCell
{
	padding:0.2em 0;
}
.totalCell
{
	border-top:2px solid #000000;
	font-weight:bold;
}
.tableValueHeader
{
	background-color:#b6b6b7;
	border-left:1px solid #ffffff;
	color:#ffffff;
}
.tableValue
{
	padding:0.2em 1em;
	text-align:right;
	border-left:1px solid #b6b6b7;
}
#cumulativeCostTable
{
	font-size:0.8em;
}
#cumulativeCostTable tr:nth-child(odd)
{
	background-color:#e6e6e6;
}
.inputRowArea
{
	padding:1em;
	border-bottom:1px solid #dcdcdc;
	
	justify-content:left !important;
	align-items:center;
}
.inputGroupArea
{
	/* why was this being used? */
	jmin-height:48px;
}
.inputGroupInnerArea
{
	/* why was this being used? */
	jmin-height:48px;
}
.inputInputArea
{
	vertical-align:middle;
	padding-right:0.5em;
}
.inputQuestion
{
	vertical-align:middle;
	padding-bottom:0.5em;
	padding-right:0.5em;
}
.acgRwdWide .inputQuestion
{
	padding-bottom:0;
}
.bx-wrapper
{
	margin-bottom:0 !important;
	-moz-box-shadow:inherit !important;
	-webkit-box-shadow:inherit !important;
	box-shadow:inherit !important;
	border:0 !important;
	background:transparent !important;
	jpadding:1em;
}

.outputPanelMenu
{
	padding-bottom:1px;
	background-color:#f2f2f2;
	text-align:left;
	font-size:0.9em;
}
.outputPanelMenuItem
{
	text-transform: uppercase;
	padding:1em 0;
}

.acgRadioButtonInputWrapper
{
	display:table-cell;
	vertical-align:middle;
}
.acgRadioButtonInput
{
	margin-left:0;
}
.acgRadioButtonLabelWrapper
{
	display:table-cell;
	vertical-align:middle;
	width:100%;	
}
.intel-badge-container
{
	width:75px;
	height:75px;
	padding-right:10px;
}
.intel-badge
{
	width:100%;
	jbox-shadow:3px 3px 10px 2px rgb(128,128,128);
}
.recommendedProcessorLabel, .sellupProcessorLabel
{
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:0.25em;
}

.recommendedProcessorValue, .sellupProcessorValue
{
	jcolor:#222222;
	jfont-weight:bold;
}
h1, h2, h3, h4, h5
{
    font-weight:700;
    letter-spacing:1px;
    margin:0;
}
.faster
{
	font-size:2em;
	jcolor:#f2a900;
	font-weight:bold;
	jfont-style:italic;
}
.acgRwdWide .faster
{
	font-size:1.5em;	
}
.break-even
{
	font-size:1.2em;
	jfont-style:italic;
}
.acgRwdWide .break-even
{
	font-size:1em;
}
.chartTitle
{
	font-size:1.5em;
	font-weight:bold;
}
.triangle-left
{
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(../images/triangle-left.png);
	width:85px;
	height:317px;
}
.triangle-right
{
	position:absolute;
	right:0;
	top:0;
	background-image:url(../images/triangle-right.png);
	width:85px;
	height:317px;
}
.gray-triangle-left
{
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(../images/white-triangle-left.png);
	width:145px;
	height:317px;
}
.gray-triangle-right
{
	position:absolute;
	right:0;
	top:0;
	background-image:url(../images/dark-gray-triangle-right.png);
	width:145px;
	height:317px;
}
.chartContainer
{
	display:none;
	position:relative;
	jmax-height:317px;
	overflow:hidden;
	
	box-sizing: border-box;
}
.slideContainer
{
	padding:1em 1em;
}
input
{
	font-family:'Source Sans Pro';
	background-color:transparent;
	border:0;
}
.bx-wrapper img
{
	display:inline-block;
}

.acgRwdWide .middle-split-right
{
	position:absolute;
	right:-1px;
	top:0;
	background-image:url(../images/middle-split-right.png);
	width:35px;
	height:243px;
}
.acgRwdWide .middle-split-left
{
	position:absolute;
	left:-1px;
	bottom:0;
	background-image:url(../images/middle-split-left.png);
	width:35px;
	height:243px;
}
.acgRwdWide .right-triangle
{
	position:absolute;
	right:0;
	top:0;
	background-image:url(../images/right-triangle.png);
	width:70px;
	height:243px;
}
.acgRwdWide .left-triangle
{
	position:absolute;
	left:0;
	bottom:0;
	background-image:url(../images/left-triangle.png);
	width:70px;
	height:243px;
}
.acgRwdWide .enhanced-chart-row
{
	height:243px;
	overflow:hidden;
}

.recommendationPanel
{
	jdisplay:inline-block;
	text-align:left;
	width:100%;
	jbackground-color:#f2f2f2;
	background-color:rgb(247,247,247);
	jborder:1px solid #000000;
	margin-bottom:1em;
}

.chartPanel
{
	width:100%;
	jborder:1px solid #000000;
	background-color:rgb(247,247,247);
	text-align:left;
}