﻿/*
	CSA styles
	$URL: https://svn.rsm.cloud/repos/NonClient/CSA_iPart/trunk/CSA/resources/CSA.core.css $
	$Rev: 15001 $
	$Date: 2020-03-24 12:15:08 -0500 (Tue, 24 Mar 2020) $
*/

.CSAerror
{
	color: red;
	font-weight: bold;
}

.CSA .Alert
{
	width: 206px;
	height: 50px;
	float: left;
	overflow: hidden;
	border: 1px dotted #CCC;
	padding: 2px;
	margin: 2px;
}

.CSA .Alert .alertBody
{
	width: 184px;
	height: 100%;
	float: left;
}

.CSA .Alert .alertBody img.icon
{
	float: left;
	max-height: 32px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.CSA .Alert .alertBody .keyword
{
	font-weight: bold;
	display: block;
}

.CSA .Alert .alertBody .description
{
	font-size: .8em;
	display: block;
}

.CSA .zoom .keyword
{
	font-weight: bold;
	display: block;
}

.CSA .zoom .description
{
	font-size: .8em;
	display: block;
}

.CSA .Alert .action,
.CSA .Alert .zoombutton
{

}

.CSA .Alert .action[disabled]
{
	background-color: #666;
	color: #CCC;
}

.CSA-noAlerts
{
	/* will be added to the whole iPart when no alerts are found */
}


/* Example: make an alert look completely different through a CSS class chosen by the alert */

.CSA .Alert.royalty
{
	background-color: #660066;
	color: white;
}

.CSA .Alert.royalty .keyword
{
	color: white;
	font-size: 1.5em;
}

.CSA .Alert.royalty .alertBody img.icon
{
	float: right;
	padding-left: 2px;
	padding-right: 0;
}

.CSA .Alert.royalty .action,
.CSA .Alert.royalty .zoombutton
{
	float: left;
}

.CSA .Alert.royalty .alertBody
{
	float: right;
}

.CSA .Alert.royalty .reveal-modal
{
	background-color: #660066;
	color: white;
}

.CSA .Alert.royalty .reveal-modal .keyword
{
	color: white;
}



/* Assign one of these classes in the iPart configuration to guide the layout */

/* Vertical sizes the boxes for a one-column format */

.Vertical .CSA .Alert
{
	width: 99%;
}

.Vertical .CSA .Alert .alertBody
{
	width: 85%;
}

/* FourAcross */

.FourAcross .CSA .Alert
{
	width: 24.49%;
}

/* StackedBoxes produces a layout like Pinterest. Recommend including description for best effect. */

.StackedBoxes .CSA .Alert
{
	overflow: auto;
	height: auto;
}

.StackedBoxes .CSA .Alert .description
{
	display: inline;
}



.CSA .reveal-modal .bigDescription
{
	margin-bottom: 1.5em;
}

.CSA .reveal-modal .technicalDetails
{
	float: right;
}

.CSA .reveal-modal .icon
{
	padding: 3px;
}



/* To make TextAlert blocks completely invisible when empty, set iPart CSS class to "TextAlert_HideTitle"  */

.TextAlert
{
	width: auto;
	border: 1px dotted #CCC;
	padding: 2px;
	margin: 0 0 4px 0;
	display: block;
	background-color: white;
}

.TextAlert_HideTitle .PanelHead
{
	display: none;
}

.TextAlertTable TABLE
{
	width: auto;
	border: 2px solid #66F;
}

.TextAlertTable tr th,
.TextAlertTable tr td
{
	padding: 1em;
	margin: 0;
	background-color: white;
	border: 1px dotted #66F;
}

.TextAlertTable tr th
{
	font-weight: bold;
	color: #999;
}

.TextAlert-noText
{
	/* Will be added to the whole iPart when the procedure does not return any rows */
}

/* Used only in Content Designer */

.McGladreyVersion
{
	text-align: left;
	font-size: 11px;
	font-family: Consolas, "Courier New", monospace;
	color: #909090;
	display: block;
	clear: both;
}

.McGladreyVersion span
{
	color: transparent;
}

.McGladreyVersion span:hover
{
	color: inherit;
}

/* list of choices */
.CSA .Alert.HasChoice
{
    height: auto;
}

.CSA .Alert.HasChoice .alertBody .keyword,
.CSA .Alert.HasChoice .alertBody .description
{
	width: 100%;
}

.alertChoiceLegend
{
	/* class applied to the legend of the fieldset containing the choices */
}

.alertChoices {
	list-style-type: none;
	clear: both;
	padding-left: 2em;
}

.alertChoices input
{
	margin-left: -1.3em;
}


/* confirmation popup */
.csaConfirm .csaConfirmTitle { display: block; font-size: 1.2em; font-weight: bold; }
.csaConfirm .csaConfirmBody { display: block; }

.csaConfirm .csaConfirmYes,
.csaConfirm .csaConfirmNo
{
	color: white;
}
.csaConfirm .csaConfirmYes { background-color: #0C0; }
.csaConfirm .csaConfirmNo { background-color: #F66; }

.Alert.HasConfirm
{
	/* styles that apply only when the alert requires confirmation before running the action */
}

/* design time warnings */
.WebPartZoneDesignTime .CSA .Alert.HasAction::before,
.WebPartZoneDesignTime .CSA .Alert.HasScript::before {
	content: "actions/scripts disabled";
	font-size: 0.6em;
	color: red;
	float: left;
}