.acgAlertModal
{
	background-color:rgba(0,16,52,1);
	border:0px solid rgb(0,0,0);
	color:rgb(255,255,255);
}

.acgAlertHeader
{
	display:table;
	width:100%;
}

.acgAlertContent
{
	background-color:initial;
	padding:0.5em 1.2em 0.5em 1.2em !important;
}

.acgAlertButton
{
	min-width:100px;
	
	cursor:hand;
	cursor:pointer;
	
	text-decoration:none;
	background:rgb(0,204,204); /* var(--theme-color-button-primary-default); */
	color:rgb(0,0,40);
	font-weight:700;
}

.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);
}
*/