/*Sylesheet for NAC to support additional styles needed for NLX content*/

@import "ui-styles.css";

/*Override max width to prevent huge NLX images*/
img {
	max-width: 800px;
}

/*Polyfill basic table style*/
table.basic-table{
	border-collapse: separate;
    overflow: hidden;
    border-radius: 5px;
    border-spacing: 0px 0px;
}

.basic-table td,
.basic-table th{
 	padding: 5px;
	border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-right-color: #ffffff;
    border-right-style: solid;
}

.basic-table th{
    text-align: left;
    background-color: #e2e3e4;
    padding: 16px 5px;
}

.basic-table tr:nth-child(even) td{
    background-color: #eff0f0;
}

.basic-table tr:nth-child(odd) td{
    background-color: #fafafa;
}

.basic-table tr td:first-child{
	font-weight: bold;
}


/*Fix for Flare deciding to duplicate its default glossary popup style in Topic.css overiring our styles for REASONS.*/
.MCTextPopup_Open.MCTextPopupHotSpot_.glossaryTerm
{
	background-position: right;
	background-image: none;
	padding-left: 0;
}

.MCTextPopup_Closed.MCTextPopupHotSpot_.glossaryTerm
{
	background-position: right;
	background-image: none;
	padding-left: 0;
}

.MCTextPopupBody.popupBody {
    color: #ffffff;
    padding: 3px 8px;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    text-align: center;
    background-color: #3D0456;
    border-radius: 4px;
    border: solid 1px #000000;
    margin: 0px;
}

/*Temporarily hiding font-awesome type icons that converted poorly from sphinx*/
span.ink-icon,
span.fa-icon,
span.icon{
	display: none;
}

/*Fix for Flare weirdly deciding NLX dropdowns don't need spans around the dropdown head. Why, Flare.*/

.dropDownHead:link {
    color: #404040;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

div.MCDropDown_Closed > a.MCDropDownHotSpot {
    background-position: left;
    background-image: url(../Images/chevron-closed-90.png);
    padding-left: -3px;
    padding-right: 0;
}

div.MCDropDown_Open > a.MCDropDownHotSpot {
    background-position: left;
    background-image: url(../Images/chevron-open-90.png);
    padding-left: -3px;
    padding-right: 0;
}