.acgAlertModal
{
	background-color:rgba(229,229,229,0.95);
	box-shadow:3px 3px 5px 3px rgba(0,0,0,0.2);
	border-radius:10px;
}

.acgAlertContent
{
	background-color:initial;
	padding:0 !important;
	padding-bottom:0.1em !important;	/* needed to fix open_sans issue w/ scrollbar */
	jpadding-right:2px !important;		/* needed to move content away from scrollbar */
	
	/* The following makes FF use a "thinner" scrollbar */
	scrollbar-width:thin;
	scrollbar-color:rgba(0,0,0,0.5) rgba(0,0,0,0);
}

.acgAppGettingStarted, .acgAppHelp
{
	jcolor:white;
	color:rgb(32,32,32);
}

.acgAlertButton
{
	display:inline-table;
	color:#ffffff;
	;padding:0.1em 1em 0.3em 1em;
	padding:0.2em 1em 0.3em 1em;
	min-width:100px;
	height:initial !important;
	
	box-sizing:border-box;
	
	background-color:rgb(200,0,0);
	jborder:1px solid white;
	border-radius:1em;
	
	font-size:1em;
	text-align:center;
	
	cursor:hand;
	cursor:pointer;
	
	text-decoration:none;
	
	jbackground-color:#26abe3;
		
	box-shadow:initial;	
}

.acgAlertButton:hover
{
	background-color:rgb(200,64,64) !important;
	text-decoration:none;
}

.acgAlertButtonLabel
{
	display:table-cell;
	vertical-align:middle;
}

.acgAlertHeader
{
	jpadding:0.5em;
	jbackground-color:rgba(255,255,255,0.3);
	jpadding-right:1em;
}

/*
.acgAlertFooter
{
}

.closePopup
{
	jdisplay:inline-block;
	cursor:hand;
	cursor:pointer;	
	jpadding:5px;
}
*/

/*
For popup-specific styles, use a strategy like:
.acgAlertDetailsPopup .acgAlertContent
{
	line-height:1.5;
}

where "acgAlertDetailsPopup" is added to the "class" in the AcgAlert settings.

To customize specific buttons, use something like:

.acgAlertButton[data-acg-id='cancel']
{
	background-color:transparent;
	color:rgb(30,68,113);
	border:1px solid rgb(30,68,113);
}

.acgAlertButton[data-acg-id='cancel']:hover
{
	background-color:rgb(24,54,90);
	color:rgb(255,255,255);
}
*/

.myRouterDetails
{
	right:1em;
	jtop:1em;
	jposition:absolute !important;
}
.myRouterDetails .acgAlertHeader
{
	margin-bottom:0.5em;
}
.myAlertTab
{
	position:absolute;
	left:-22px;
	top:0;
	color:rgb(120,120,120);
	padding-top:1em;
	background-color:rgb(255,255,255);
	width:22px;
	height:50px;
	box-sizing:border-box;
	box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.1);
	text-align:center;
	cursor:hand;
	cursor:pointer;
}

.detailsPopup
{
	padding:1em !important;
	position:absolute !important;
	background-color:rgba(200,0,0,0.95);
	jcolor:rgb(255,255,255);
	color:rgb(255,255,255);
	jborder:1px solid white;
	top:0;
	right:1em;
	
	margin-top:1em;
	margin-bottom:1em;
	
	max-width:calc(50% - 16px);
	jwidth:200px;
	box-sizing:border-box;
	
	jheight:200px;	
	j-webkit-overflow-scrolling:touch;
	overflow:visible !important;
	z-index:999997;
}
@media screen and (min-width: 1080px)
{
	.detailsPopup
	{
		max-width:400px;
	}
}

.productHighlightsPopup
{
	padding:1em !important;
	position:absolute !important;
	background-color:rgba(255,255,255,1);
	color:rgb(0,0,0);
	jborder:1px solid rgb(0,0,0);
	top:0;
	right:calc(50% - 0px);
	
	margin-top:1em;
	margin-bottom:1em;
	
	max-width:calc(50% - 16px);
	jmax-height:100%;
	box-sizing:border-box;
	
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%)
	
	overflow:visible !important;
	z-index:999997;
}
/* narrow mode right edge */
@media screen and (max-width: 767px)
{
	.productHighlightsPopup
	{
		right:1em;
	}
}
@media screen and (min-width: 1080px)
{
	.productHighlightsPopup
	{
		max-width:400px;
		right:calc(400px + 16px);
	}
}

.datasheeetSection
{
	text-align:right;
}

.closePopup
{
	cursor:hand;
	cursor:pointer;
}

.acgAlertHeaderTitleContainer
{
	display:table-cell;
	padding-right:1em;
	text-align:left;
	width:100%;
}
.acgAlertTitle
{
	font-size:1.25em;
	jfont-weight:bold;
	jcolor:rgb(255,255,255);
}
.acgAlertHeaderCloseButtonContainer
{
	display:table-cell;
	vertical-align:top;
	text-align:right;
	position:absolute;
	right:0.5em;
	top:0.5em;
	line-height:0;
}

.bottomInfoPopup
{
	padding:1em !important;
	position:absolute !important;
	background-color:rgba(200,0,0,0.95);
	color:rgb(255,255,255);
	jborder:1px solid white;
	top:0;
	jbottom:0;
	right:1em;
	
	margin-top:1em;
	margin-bottom:1em;
	
	max-width:calc(100% - 278px); /* 16 + 230 + 16 + 16 */
	jmax-width:calc(100% - 2em);
	jwidth:200px;
	box-sizing:border-box;
	
	jheight:200px;	
	j-webkit-overflow-scrolling:touch;
	overflow:visible !important;
	z-index:999997;
}
@media screen and (min-width: 768px)
{
	.bottomInfoPopup
	{
		jmax-width:calc(100% - 86px);
		max-width:600px;
	}
}