
.acgAlertModal
{
	background-color:rgba(255,255,255,1);
	border:2px solid rgb(0,74,134);
	color:rgb(0,104,181);
	padding:0;
	box-shadow:none;
}

.acgAlertHeader
{
	background-color:rgb(0,73,134);
	color:rgb(255,255,255);
	font-weight:normal;
}

.acgAlertFooter
{
	margin:1em;
}

/*
.acgAlertContent
{
	background-color:initial;
	padding:0.5em 1.2em 0.5em 1.2em !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;
}


/*
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);
}
*/