@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
/*************************************************
 * For the Dropdown, to handle token colors		 *
 *************************************************/

.dropDownHotspot  {
	color: var(--text-color); 
}

.dropDown {
	border: solid 1px var(--border-color-seperator);
}

.dropDownHead {
	background: var(--primary-dark);
}

/**********************************************************
 * For the search, to handle fontawesome and color tokens *								 
 **********************************************************/

.search-submit::before{
	font-family: "Font Awesome 6 Free";
	content: "\f002";
	color: var(--color-gray-60);
	display: flex;
    justify-content: center;
	padding-top: 6px;
}

.search-filter::before{
	font-family: "Font Awesome 6 Free";
	content: "\f0b0";
	display: flex;
    justify-content: center;
	padding-top: 3px;
}

.search-filter-wrapper.open > .search-filter,
.search-filter.selected
 {
	color: var(--color-gray-40);
}

.search-filter{
	color: var(--color-gray-60);
}

/*************************************************
 * For the conceptLink							 *
 *************************************************/

MadCap|conceptLink
{
	color: #404040;
	font-size: 0.8em;
	font-weight: bold;
	/*mc-image: url('../Images/ListIcon.png');*/
	mc-label: 'SEE ALSO';
	padding-top: 8px;
	text-decoration: none;
}

MadCap|conceptLink:hover
{
	color: #2D8DCC;
	font-weight: bold;
}

/*************************************************
 * For the popup							 	*
 *************************************************/

.MCTextPopupArrow
{
	border-bottom-color: var(--color-ink-100) !important; 
	/* to match the box */
}

.MCTextPopup
{
	font-weight: normal !important;
	color: var(--base-color-brand--fire);
}


/*************************************************
 * For the CodeSnippet								 
 *************************************************/
 
.codeSnippetBody > pre
{
	max-width: 0px;
}
/*************************************************
 * For tables							 *
 *************************************************/

.TableStyle-template_table  p
{
	margin: 0px;
}
