/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*Styles for Ports*/

.portsHeader
{
	text-transform: uppercase;
	padding: 5px 1px;
	font-size: 11pt;
	text-decoration: none;
	font-weight: 900;
	color: #007cbe;
}

/*new for responsiveness*/

p.portsSubheader
{
	margin-bottom: 0px;
	margin-top: 10px;
}

p.portsSubheader.firstInList
{
	margin-top: 0px;
}

/**************Data Dictionary Simplified Styles**************/

.flex-container
{
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
}

.card-title
{
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	color: #404041;
}

.card-heading
{
	color: #404041;
	font-weight: bold;
	font-size: 14px;
}

.card-outline
{
	padding: 0px 17px 10px;
	border: 1px solid gray;
	border-radius: 20px;
	width: 290px;
	margin-top: 10px;
}

.card-row
{
	width: 310px;
	padding: 5px;
	-webkit-column-break-inside: avoid;
	/* Chrome, Safari, Opera */
	page-break-inside: avoid;
	/* Firefox */
	break-inside: avoid;
	/* IE 10+ */
}

/* Data Dictionary drop-down styles */

.dropDown
{
	margin: 0px;
	border-bottom: none;
	background: none;
}

.dropDownHead
{
	text-transform: none;
	padding: 5px 5px;
	font-size: 13px;
	text-decoration: none;
	background: #ffffff;
}

.dropDownHead > a
{
	color: #404041;
}

.MCDropDown_Closed
{
	height: 144px;
	width: 250px;
	margin: 0 0 1em 0;
	overflow: hidden;
}

.MCDropDown_Image_Icon
{
	display: none;
}

.card-outline a.MCDropDownHotSpot.dropDownHotspot.MCDropDownHotSpot_
{
	margin-top: -10px;
}

div.MCDropDown_Closed span.MCDropDownHead.dropDownHead a.MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../images/arrow_sidenav_down.png');
	background-position: right top;
	padding: 0px;
}

div.MCDropDown_Open span.MCDropDownHead.dropDownHead a.MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../images/arrow_sidenav_up.png');
	background-position: right top;
	padding: 0px;
}

div.MCDropDown_Open div.MCDropDown_Closed span.MCDropDownHead.dropDownHead a.MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: url('../images/arrow_sidenav_down.png');
	background-position: right top;
	padding: 0px;
}

div.MCDropDownBody.dropDownBody
{
	padding: 10px 10px 0px 10px;
	margin: 0;
	border: 0px;
	border-top: 1px solid #d0d2d3;
}

div.MCDropDownBody.dropDownBody p
{
	font-size: 13px;
}

div.MCDropDownBody.dropDownBody > .stepList
{
	padding-left: 24px;
}

div.MCDropDownBody.dropDownBody > p
{
	margin-left: 0px;
}

/******Elipses******/

.module
{
	width: 250px;
	margin: 0 0 1em 0;
	overflow: hidden;
}

.module p
{
	margin: 0;
}

html
{
	--lh: 1.4rem;
	line-height: var(--lh);
}

.truncate-overflow
{
	--max-lines: 3;
	position: relative;
	max-height: calc(var(--lh) * var(--max-lines));
	overflow: hidden;
	padding-right: 1rem;
	/* space for ellipsis */
}

.truncate-overflow::before
{
	position: absolute;
	content: "...";
	inset-block-end: 0;
	/* "bottom" */
	inset-inline-end: 0;
	/* "right" */
}

.truncate-overflow::after
{
	content: "";
	position: absolute;
	inset-inline-end: 0;
	/* "right" */
	width: 1rem;
	height: 1rem;
	background: white;
}

MadCap|dropDown
{
	mc-open-image: url('../images/arrow_sidenav_up.png');
	mc-closed-image: url('../images/arrow_sidenav_down.png');
	mc-image-position: right;
}