/*<meta />*/

@import url('Gigamon-MainStyles.css');

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

a:link,
a:visited
{
	color: var(--BlackSoft);
	text-decoration: none;
}

a:active,
a:hover
{
	color: var(--BrandDark);
	text-decoration: none;
}

div.logo-wrapper::after
{
	padding-left: 8px;
	mc-hidden: hidden;
}

div.row.outer-row.sidenav-layout
{
	padding-left: 0;
	padding-right: 0;
}

nav.sidenav-wrapper
{
	display: none;
}

div.main-section
{
	max-width: none !important;
	mc-hidden: hidden;
}

div.content-container
{
	margin: 0 auto;
	max-width: 1200px !important;
	min-height: calc(100vh - 150px);
}

div#ColumnTopic
{
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto 0 auto !important;
	float: none !important;
	overflow-y: hidden !important;
	padding-bottom: 250px !important;
	mc-hidden: hidden;
}

div.breadcrumbs-toolbar-container
{
	max-width: 1150px !important;
}

div.footer-container-library
{
	display: block !important;
}

span.breadcrumb-product-family-page,
span.breadcrumb-document-title
{
	display: none;
}

p.IntroText
{
	font-size: 18px;
}

span.BrandColor
{
	color: var(--BrandDark);
}

/*
span.Blue
{
	color: var(--BlueMedium);
}
*/

h1
{
	margin-top: 20px;
}

h2
{
	margin-top: 40px;
	text-transform: uppercase;
}

/* LARGE LIBRARY TILES */
/* Wrapper to create the solutions carousel */

div.carousel-wrapper
{
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
	width: 90vw;
	left: 50%;
	transform: translateX(-50%);
}

/* Large tile flexbox layout */

div.LibraryTilesLarge
{
	width: auto;
	margin: 30px 0px 50px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/* space-between */
	align-content: center;
	align-items: stretch;
	padding: 0px 0px 0px 0px;
	overflow-y: auto;
	gap: 25px;
	background-color: transparent;
	mc-hidden: hidden;
}

/* Large tile modifications if in the carousel */

div.carousel-wrapper div.LibraryTilesLarge
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow-x: auto;
	max-height: none;
	height: auto;
	gap: 20px;
	padding: 10px 0;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

div.carousel-wrapper div.LibraryTilesLarge::-webkit-scrollbar
{
	display: none;
}

/* Carousel scroll left/right buttons */

button.nav-btn
{
	background: var(--GrayDark);
	color: var(--White);
	border: none;
	border-radius: 25%;
	min-width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s;
}

button.nav-btn:hover
{
	background: var(--BrandDark);
	color: var(--White);
}

button.nav-btn.nav-end
{
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}

/* button to toggle between carousel and non-carous display */

button#carousel-show-btn
{
	position: relative;
	top: -4px;
	border: none;
	border-radius: 6px;
	float: right;
	box-shadow: none;
	color: var(--White);
	background-color: var(--BlackSoft);
	padding: 4px 10px;
	height: 28px;
	width: 125px;
	font-family: var(--FontHeading);
	font-size: 15px;
	cursor: pointer;
	user-select: none;
}

button#carousel-show-btn:hover
{
	background-color: var(--BrandDark);
}

button#carousel-show-btn::after
{
	content: 'Show all';
}

button#carousel-show-btn.show-less::after
{
	content: 'Show less';
}

.is-hidden
{
	display: none !important;
}

/* Large tile individual tiles */

div.LibraryTilesLarge > div
{
	flex: 1 1 30%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: space-between;
	align-items: flex-start;
	min-width: 300px;
	max-width: 350px;
	margin: 0 0 4px 0;
	border-radius: 0px 20px;
	border: 1px solid var(--GrayPale);
	background-color: var(--White);
	padding: 0 0 15px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	overflow: hidden;
	transition: all .2s ease;
	user-select: none;
	cursor: pointer;
	mc-hidden: hidden;
}

/* Flex layout for two sections of tiles, top description and bottom link */

div.LibraryTilesLarge > div > div
{
	flex: 0 0 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: center;
	mc-hidden: hidden;
}

/* Top div containing the heading, image, and description text. */

div.LibraryTilesLarge > div > div:nth-child(1)
{
	flex: 0 0 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: flex-start;
	align-items: center;
	mc-hidden: hidden;
}

/* Top div heading with image */

div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1)
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 10px 20px 10px 10px;
	min-height: 68px;
	background: #FFA500;
	background: linear-gradient(270deg, rgba(255, 165, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
}

/* Top div image holder */

div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(1)
{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(1) img
{
	flex: 0 0 auto;
	max-height: 32px;
	width: auto;
	padding-right: 12px;
	mc-hidden: hidden;
}

/* Top div heading holder */

div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) > p:nth-child(2)
{
	flex: 0 1 auto;
	width: auto;
	text-align: left;
	color: var(--White);
	font-size: 18px;
	line-height: 130%;
	margin: 0 0 0 0;
	font-family: var(--FontHeading);
	mc-hidden: hidden;
}

/* Description text */

div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(2) > p
{
	margin: 0 0 0 0;
	padding: 14px;
	font-family: var(--FontText);
	font-size: 14px;
	line-height: 150%;
	font-weight: normal;
	color: var(--BlackSoft);
	background-color: var(--White);
	mc-hidden: hidden;
}

/* Bottom div link text */

div.LibraryTilesLarge > div > div:nth-child(2)
{
	flex: 0 0 auto;
	margin: 12px auto 0 14px;
	text-align: left;
	font-size: 12px;
	font-family: var(--FontHeading);
	font-weight: normal;
	text-transform: uppercase;
	color: var(--BrandDark);
	transition: all 0.4s ease;
	mc-hidden: hidden;
}

div.LibraryTilesLarge > div:hover > div:nth-child(2)
{
	transition: all 0.4s ease;
	color: #fb4f14;
	font-family: var(--FontExtraBold);
	mc-hidden: hidden;
}

/* Link arrow */

div.LibraryTilesLarge > div > div:nth-child(2)::after
{
	transition: all 0.4s ease;
	content: '\1f826';
	font-weight: bold;
	font-size: 20px;
	padding-left: 6px;
	mc-hidden: hidden;
}

div.LibraryTilesLarge > div:hover > div:nth-child(2)::after
{
	transition: all 0.4s ease;
	font-weight: bold;
	padding-left: 12px;
	mc-hidden: hidden;
}

div.LibraryTilesLarge > div > div:nth-child(2) a:link,
div.LibraryTilesLarge > div > div:nth-child(2) a:visited,
div.LibraryTilesLarge > div > div:nth-child(2) a:active,
div.LibraryTilesLarge > div > div:nth-child(2) a:hover
{
	color: inherit;
	text-decoration: none;
	mc-hidden: hidden;
}

/* SMALL LIBRARY TILES */

div.LibraryTilesSmall
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 10px;
	padding: 0 0 0 0;
	margin: 30px auto;
	border: none;
	mc-hidden: hidden;
}

div.LibraryTilesSmall > div
{
	flex: 0 0 auto;
	height: auto;
	min-height: 120px;
	width: 250px;
	padding: 15px 20px;
	border: 1px solid var(--GrayLight);
	border-radius: 8px;
	cursor: pointer;
	user-select: none;
	margin: 0 0 30px 0;
}

div.LibraryTilesSmall > div:hover
{
	background-color: var(--BrandLight);
}

div.LibraryTilesSmall > div > p
{
	color: var(--BlackSoft);
	font-family: var(--FontText);
	line-height: var(--LineHeightSmaller);
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.LibraryTilesSmall > div > p:first-child
{
	font-family: var(--FontHeading);
	line-height: var(--LineHeightSmaller);
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div.LibraryTilesSmall p a:link,
div.LibraryTilesSmall p a:visited,
div.LibraryTilesSmall p a:active,
div.LibraryTilesSmall p a:hover
{
	color: var(--BlackSoft);
	text-decoration: none;
	mc-hidden: hidden;
}

/* DROPDOWN MENU LIBRARY TILES */
/* Library tiles flex layout */

div.LibraryTilesFlex
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 25px;
	/* 
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
	*/
	padding: 0 0 0 0;
	margin: 30px auto;
	border: none;
	mc-hidden: hidden;
}

div.LibraryTilesDropdown
{
	flex: 0 1 auto;
	position: relative;
	display: flex;
	margin: 0px 0px 0px 0px;
	min-height: 56px;
	width: 325px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
	height: auto;
	cursor: pointer;
	user-select: none;
	position: relative;
	mc-hidden: hidden;
}

/* Button for the dropdown */

button.library-tiles-btn
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	font-family: var(--FontMedium);
	font-size: 14px;
	line-height: 135%;
	text-transform: none;
	text-align: left;
	background-color: var(--White);
	border: 1px solid var(--GrayPale);
	border-radius: 10px;
	color: var(--BlackSoft);
	min-height: 66px;
	padding: 12px 24px 12px 16px;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
	background-image: url('../Icons/menu-leaf-closed-black.svg');
	background-repeat: no-repeat;
	background-position: 99% center;
	background-size: auto 20px;
	box-shadow: 0px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	transition: all 0.2s ease;
	mc-hidden: hidden;
}

/* Class that gets added to the button when the dropdown is open */

button.library-tiles-btn.library-tiles-btn-active
{
	color: var(--BlackSoft);
	background-color: var(--White);
	background-image: url('../Icons/menu-leaf-open-black.svg');
	border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	box-shadow: 0px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	mc-hidden: hidden;
}

/* Hover effect */

button.library-tiles-btn:hover,
button.library-tiles-btn.library-tiles-btn-active:hover
{
	color: var(--BrandDark);
	background-color: var(--White);
	border-color: var(--White);
	background-image: url('../Icons/menu-leaf-closed-orange.svg');
	box-shadow: 0px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	mc-hidden: hidden;
}

button.library-tiles-btn.library-tiles-btn-active:hover
{
	background-image: url('../Icons/menu-leaf-open-orange.svg');
	mc-hidden: hidden;
}

/* Dropdown that contains library tile.  */

div.LibraryTilesDropdownContent
{
	border: 1px solid var(--GrayPale);
	border-top: none;
	height: auto;
	max-height: 250px;
	overflow-y: auto;
	margin: 0 0 0 0;
	border-radius: 0 0 10px 10px;
	text-align: left;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 16px 0 10px 0;
	background-color: var(--White);
	box-shadow: 0px 1px 4px rgba(4.7, 4.7, 5.1, 0.1);
	z-index: 10;
	cursor: default;
	/* display: none; */
	/* Use transition rather than display:none */
	opacity: 0;
	visibility: hidden;
	/* transform: translateY(10px); */
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	mc-hidden: hidden;
}

div.LibraryTilesDropdownContent.is-open
{
	/* display: block; */
	/* Use transition rather than display:none */
	opacity: 1;
	visibility: visible;
	/* transform: translateY(0); */
	box-shadow: 0px 4px 4px rgba(4.7, 4.7, 5.1, 0.1);
	mc-hidden: hidden;
}

div.LibraryTilesDropdownContent p
{
	font-family: var(--FontMedium);
	font-size: 14px;
	color: var(-BlackSoft);
	line-height: var(--LineHeightLarger);
	margin: 4px 0px 4px 0px;
	mc-hidden: hidden;
}

div.LibraryTilesDropdownContent p a:link,
div.LibraryTilesDropdownContent p a:visited
{
	padding: 4px 10px;
	display: inline-block;
	width: 100%;
	transition: all 0.2s ease;
	mc-hidden: hidden;
}

div.LibraryTilesDropdownContent p a:active,
div.LibraryTilesDropdownContent p a:hover
{
	background-color: var(--BrandLight);
	color: var(--BlackSoft);
	mc-hidden: hidden;
}

span.LibraryLogo
{
	vertical-align: middle;
	padding-right: 6px;
}

/* PDF library dropdown styles */

MadCap|dropDown
{
	border-top: none;
	mc-image-position: left;
	mc-image-spacing: 24px;
	mc-open-image: url('../Icons/menu-leaf-open-white.svg');
	mc-closed-image: url('../Icons/menu-leaf-closed-white.svg');
	margin: 0 0 4px 0;
}

MadCap|dropDown.Cloud
{
	mc-open-image: url('../Icons/Families/cloud-suite-icon-white.svg');
	mc-closed-image: url('../Icons/Families/cloud-suite-icon-white.svg');
}

MadCap|dropDown.Hardware
{
	mc-open-image: url('../Icons/Families/hardware-icon-white.svg');
	mc-closed-image: url('../Icons/Families/hardware-icon-white.svg');
}

MadCap|dropDown.Fabric
{
	mc-open-image: url('../Icons/Families/fabric-manager-icon-white.svg');
	mc-closed-image: url('../Icons/Families/fabric-manager-icon-white.svg');
}

MadCap|dropDownHead
{
	border-bottom: 1px solid var(--BrandDark);
	font-family: var(--FontHeading);
	font-weight: 700;
	font-size: var(--FontSizeLarger);
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	color: var(--White);
	/* background: var(--BrandDark); */
	border-radius: 0 0 0 0;
	background: linear-gradient(270deg, rgba(255, 165, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
	width: 100%;
}

MadCap|dropDownBody
{
	border-left: 1px solid var(--GrayLight);
	border-right: 1px solid var(--GrayLight);
	border-bottom: 1px solid var(--GrayLight);
	border-width: 0 1px 1px 1px;
	border-radius: 2px;
	padding: 0 10px 5px 10px;
	margin: 0;
	background-color: var(--White);
}

MadCap|dropDownHotspot
{
	font-family: var(--FontHeading);
	font-weight: 700;
	font-size: var(--FontSizeLarger);
	cursor: hand;
	text-decoration: none;
	font-size: 18px;
	line-height: 18px;
	padding: 14px 0 14px 40px;
	width: 95%;
	color: var(--White);
	display: block;
	width: 98%;
}

div.MCDropDown_Open span.dropDownHead
{
	border-radius: 0 20px 0 0;
}

div.MCDropDown_Open div.MCDropDown_Closed span.dropDownHead
{
	border-radius: 0 0px 0 0;
}

div.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage,
div.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-size: auto 24px;
	mc-hidden: hidden;
}

/* Hardware icon left space tweak. */

div.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Hardware,
div.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Hardware
{
	background-position: 6px center;
}

/* Fabric Manager icon left space tweak. */

div.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Fabric,
div.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Fabric
{
	background-position: 4px center;
}

span.dropDownHead a:link,
span.dropDownHead a:visited,
span.dropDownHead a:active,
span.dropDownHead a:hover
{
	color: var(--White);
	background-color: transparent;
}

/* Tables styles; Used on PDF library page. */

table tr td
{
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

table thead tr th p,
table tr td p
{
	font-size: var(--FontSizeSmaller);
	line-height: var(--LineHeightSmaller);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}

table thead tr th p b,
table tr td p b
{
	font-family: var(--FontHeading);
	font-weight: normal;
}

table tr td p a:link,
table tr td p a:visited
{
	font-size: var(--FontSizeSmaller);
	color: var(--BlueMedium);
}

@media edit
{
	div.carousel-wrapper
	{
		display: block;
		position: static;
		width: auto;
		height: auto;
		left: 0;
		transform: translateX(-0%);
	}

	div.carousel-wrapper div.LibraryTilesLarge
	{
		height: auto;
	}

	button.nav-btn
	{
		display: none;
	}

	div.LibraryTilesLarge
	{
		display: block;
		padding: 5px;
		border: 2px dashed black;
		background-color: var(--GrayDark);
		counter-reset: tiles;
	}

	div.LibraryTilesLarge::before
	{
		content: 'Large tile layout';
		font-family: var(--FontHeading);
		color: blak;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		text-transform: uppercase;
		font-weight: bold;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div
	{
		display: block;
		padding: 5px;
		margin-top: 16px;
		background-color: var(--GrayMedium);
		border: none;
		border-radius: 0 0 0 0;
	}

	div.LibraryTilesLarge > div::before
	{
		counter-increment: tiles;
		content: 'Tile ' counter(tiles) '';
		font-family: var(--FontHeading);
		color: yellow;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div > div::before
	{
		content: '';
		font-family: var(--FontHeading);
		color: purple;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1)
	{
		background-color: white;
		display: block;
		margin-left: 0;
		background-color: var(--BrandDark);
		text-align: center;
		padding: 5px 0 15px 0;
		border: none;
	}

	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1)::before
	{
		content: 'Product Family Image and Text';
		font-family: var(--FontHeading);
		font-size: 15px;
		color: yellow;
		background-color: var(--BrandDark);
		display: block;
		text-align: center;
		padding-bottom: 8px;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) p:nth-child(1),
	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) p:nth-child(2),
	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(1) p img
	{
		display: block;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(2)
	{
		background-color: white;
		display: block;
		text-align: center;
		margin-right: 0;
		margin-top: 6px;
		padding: 5px;
		border: none;
	}

	div.LibraryTilesLarge > div > div:nth-child(1) > div:nth-child(2)::before
	{
		content: 'Description Text';
		font-family: var(--FontHeading);
		font-size: 15px;
		color: green;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		mc-hidden: hidden;
	}

	div.LibraryTilesLarge > div > div:nth-child(2)
	{
		margin-top: 20px;
		display: block;
		text-align: center;
		margin-right: 0;
		padding: 5px;
		border: none;
	}

	div.LibraryTilesLarge > div > div:nth-child(2)::before
	{
		content: 'Page hypertext link';
		font-family: var(--FontHeading);
		font-size: 15px;
		color: blue;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		text-transform: none;
		mc-hidden: hidden;
	}

	/* Edit mode for small library tiles */

	div.LibraryTilesSmall
	{
		display: block;
		padding: 5px;
		border: 2px dashed black;
		background-color: White;
		counter-reset: tiles;
	}

	div.LibraryTilesSmall::before
	{
		content: 'Small tile layout';
		font-family: var(--FontHeading);
		color: black;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		text-transform: uppercase;
		font-weight: bold;
		mc-hidden: hidden;
	}

	div.LibraryTilesSmall > div
	{
		display: block;
		padding: 5px;
		margin-top: 16px;
		background-color: var(--White);
		border: 1px dashed green;
		border-radius: 0 0 0 0;
	}

	div.LibraryTilesSmall > div::before
	{
		counter-increment: tiles;
		content: 'Tile ' counter(tiles) '';
		font-family: var(--FontHeading);
		color: green;
		display: block;
		text-align: center;
		padding-bottom: 8px;
		mc-hidden: hidden;
	}

	/* Edit mode for dropdown tiles */

	div.LibraryTilesFlex
	{
		display: block;
		padding: 5px;
		border: none;
		background-color: white;
		border: 2px dashed black;
		counter-reset: tiles;
	}

	div.LibraryTilesFlex::before
	{
		content: 'Accordion Tile Layout';
		font-family: var(--FontHeading);
		color: blue;
		border: none;
		display: block;
		text-align: center;
		mc-hidden: hidden;
	}

	div.LibraryTilesDropdown
	{
		flex: 0 0 auto;
		display: block;
		padding: 5px;
		border: none;
		background-color: var(--GrayDark);
		position: static;
		height: auto;
		width: 100%;
		overflow: visible;
	}

	div.LibraryTilesDropdown::before
	{
		counter-increment: tiles;
		content: 'Tile ' counter(tiles) '';
		font-family: var(--FontHeading);
		color: yellow;
		border: none;
		display: block;
		text-align: center;
		mc-hidden: hidden;
	}

	button.library-tiles-btn
	{
		display: block;
		padding: 5px;
		border: 2px dotted red;
		position: static;
		background: none;
		height: auto;
		background-color: var(--White);
		border-radius: 0 0 0 0;
	}

	button.library-tiles-btn::before
	{
		content: 'Tile Button';
		font-family: var(--FontHeading);
		color: red;
		border: none;
		display: block;
		text-align: center;
		mc-hidden: hidden;
	}

	div.LibraryTilesDropdownContent
	{
		display: block;
		position: static;
		padding: 5px;
		border: 2px dotted purple;
		top: auto;
		left: auto;
		margin-top: 4px;
		background-color: var(--White);
		opacity: 1;
		border-radius: 0 0 0 0;
		visibility: visible;
	}

	div.LibraryTilesDropdownContent::before
	{
		content: 'Menu Items';
		font-family: var(--FontHeading);
		color: purple;
		border: none;
		display: block;
		text-align: center;
		mc-hidden: hidden;
	}

	MadCap|dropDownHotspot
	{
		color: black;
	}
}

@media only screen and (max-width: 1199px)
{
	div.LibraryTilesLarge,
	div.LibraryTilesSmall
	{
		justify-content: center;
	}
}

@media only screen and (max-width: 767px)
{
	div.LibraryTilesFlex
	{
		justify-content: center;
	}
}