/*************************************************
 * For the Dropdown						 *
 *************************************************/
.dropDownHotspot  {
	color: var(--text-color);
}

.dropDown {
	border: solid 1px var(--border-color-seperator);
}

.dropDownHead {
	background: var(--primary-dark);
}

/*************************************************
 * For the Learn side-menu					 *
 *************************************************/

ul.menu._Skins_A365_Side_Menu.mc-component li > a.selected {
	border-radius: var(--radius-medium);
}

ul.menu._Skins_A365_Toc_Menu.mc-component li > a {
	border-left: 2px solid var(--border-color-seperator);
}

ul.menu._Skins_A365_Toc_Articles.mc-component li > a:hover {
	text-decoration: underline;
}

.codeSnippetBody > pre {
	max-width: 0px;
}

/*************************************************
 * For the breadcrump							 *
 *************************************************/

div.MCBreadcrumbsBox_0 {
	color: var(--text-color-muted);
}

/*************************************************
 * For the search								 
 *************************************************/

.search-submit-wrapper{
}

.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-wrapper{
}

.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 {
	color: var(--color-gray-40);
}

.search-filter{
	color: var(--color-gray-60);
}

.search-filter.selected{
	color: var(--color-gray-40);
}