/*
// ------------------------------------
// 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%;
    joverflow-x: hidden;	/* Causes Chrome to add a vertical scrollbar */
	overflow:hidden;	/* Without this, FF adds a scrollbar possibly because of "whitespace" */
}

#cssCheck
{
	font-weight:800;
}

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

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

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

.innerArea
{
	width:100%;
	margin:auto;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	background-color:rgb(255,255,255);
	jpadding:1em;
	
	position:relative;
}

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

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

#scriptContent
{
	background-color:#ffffff;
	color:#444444;
	jline-height:0;
}

/*
===================== Demo-specific
*/

.headerBand
{
	border-bottom:2px solid rgb(0,74,134);
	position:sticky;
	z-index:999998;
}

.title
{
	jfont-size:2.5em;
	font-weight:300;
	color:rgb(0,104,181);
	jline-height:0.8;
}

.subtitle
{
	font-size:.6em;
	font-weight:300;
	color:rgb(88,88,88);
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.acgPopupSectionTitle
{
	margin-top:1em;
	jfont-weight:bold;
	color:rgb(0,163,246);
	font-size:1.1em;
}

.header-left
{
	width:40px;
	height:40px;
	line-height:0;
	jbackground-color:rgb(118,206,255);
}

.header-center
{
	text-align:center;
}

.header-right
{
    background:rgb(0,104,181);
    line-height: 0;
    width:40px;
    height:40px;
    padding:0 12px;
    jmargin-right: 12px;
    jposition: relative;
    jdisplay: flex;
    justify-content: center;
    jalign-items: center;
	
	box-sizing:border-box;
}

.acgUseCaseNavContainer
{
	background-color:rgb(0,74,134);
	color:rgb(255,255,255);
	padding:10px;
	display:table;
	width:100%;
	box-sizing:border-box;
}
.acgUseCaseNavItem
{
	display:table-cell;
	vertical-align:middle;
}
.acgUseCaseNavText
{
	padding:0 1em;
	font-size:1.1em;
	jmax-height:60px;
	min-height:64px;
}
.acgUseCaseSwiperContainer
{
	border:2px solid rgb(0,74,134);
}
.acgUseCaseImage
{
	width:100%;
	jmax-width:416px;
}
.acgUseCaseData
{
	display:none;
}
.xofy
{
	font-weight:normal;
	font-size:0.8em;
}
.acgSolutionsTab div:not(:last-child), .acgResourcesTab div:not(:last-child)
{
	margin-bottom:0.5em;
}
.acgLegal
{
	font-size:0.7em;
	margin-top:1em;
}