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

.acgAlertHeader
{
	display:table;
	width:100%;
	jpadding-bottom:10px;
	padding:10px 20px;
	font-weight:bold;
	font-size:1.1rem;
}

.acgAlertContent
{
	jbackground-color:initial;
	padding:10px 20px;
}

.acgAlertButton
{
	min-width:100px;
	
	cursor:hand;
	cursor:pointer;
	
	text-decoration:none;
}

.acgAlertFooter
{
	padding:20px;
}

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

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

.acgFormLabel
{
	text-align:right;
	padding-bottom:10px;
}
.acgFormInput
{
	padding-left:0.5rem;
	padding-bottom:10px;
}

#downloadPopup input[type=text]
{
	width:100%;
	height:26px;
}

#downloadPopup select
{
	width:100%;
}

.acgAlertFooter
{
	text-align:right;
	padding-right:20px;
	padding-bottom:20px;
	margin:0;
	background-color:rgb(235,235,235);
}

.acgDownloadPopup .acgAlertFooter
{
	text-align:center;
}

.acgContactForm .acgAlertFooterText
{
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
	font-size:0.75rem;
	text-align:left;
}
.acgContactForm .acgAlertFooterButtons
{
	display:table-cell;
	vertical-align:middle;
	font-weight:500;
}

.acgDownloadPopup .acgAlertContent
{
	padding:20px;
	padding-top:0;
}

.acgDownloadPopup .acgAlertFooterButtons
{
	display:none;
}

.acgAlertModal.acgExportStatus
{
	border:0;
	border-left:10px solid rgb(232,0,40);
}