.acgAlertModal
{
	background-color:rgba(255,255,255,1);
	border:2px solid rgb(0,74,134);
	color:rgb(0,104,181);
	padding:0;
}
.acgAlertModal.acgAlertInfoPopup
{
	border-right:0px;
}

.acgAlertContent
{
	background-color:initial;
	padding:0 !important;
}

.acgAlertButton
{
	min-width:100px;
	padding:0.5em 2em;
	jfont-size:1.3em;
	
	cursor:hand;
	cursor:pointer;
	
	text-decoration:none;
	background-color:rgb(0,90,157);
	color:white;
	border-radius:2px;
}

.acgAlertHeader
{
	display:table;
	jwidth:calc(100% + 1px);	/* There is a bug in some browsers where the width of *table* elements aren't rounded properly and this seems to fix it */
	width:100%;
	background-color:rgb(0,73,134);
	padding:1em;
}

.acgAlertInfoPopup
{
	max-width:480px;
	right:0;
	top:0;
	position:absolute !important;
}

/*
.acgAlertDefaultPreTransition
{
	opacity:0;
	transform:scale(1) translate(400px, 0px);
	
	transition: opacity .4s cubic-bezier(.25,.8,.25,1), transform .4s cubic-bezier(.25,.8,.25,1);
}

.acgAlertDefaultPostTransition
{
	opacity:1 !important;
	transform:translate(0,0) scale(1) !important;
	
	transition: opacity .4s cubic-bezier(.25,.8,.25,1), transform .4s cubic-bezier(.25,.8,.25,1);
}
*/


.closePopup
{
	cursor:hand;
	cursor:pointer;
	color:rgb(255,255,255);
}

.acgAlertTitle
{
	font-size:1.8em;
	jfont-weight:bold;
	color:rgb(255,255,255);
}

.acgAppGettingStarted
{
	border:0;
}
.acgAppGettingStarted .acgAlertHeader
{
	font-size:1.5em;
	color:white;
}
.acgOverviewVideoPopup .acgAlertHeader
{
	color:white;
}
.acgOverviewVideoPopup .acgAlertContent
{
	line-height:0;
	font-size:0;
}