BODY.phoenixBody {
	    margin: 40px 0 27px 60px;
	}

	BODY.phoenixBody.body-dashboard-material {
		overflow: hidden;
	}

	BODY.phoenixBody.body-dashboard-material .PageContent {
		padding: 0;
		height: 100%;
	}

	BODY.phoenixBody.body-dashboard-material .doc__body {
		height: 100%;
		overflow: auto;
		padding: 0;
	}

	BODY.phoenixBody.body-dashboard-material .doc__body::-webkit-scrollbar,
	BODY.phoenixBody.body-dashboard-material .doc__body *::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		background-color: #F5F5F5;
	}

	BODY.phoenixBody.body-dashboard-material .doc__body::-webkit-scrollbar-thumb,
	BODY.phoenixBody.body-dashboard-material .doc__body *::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
		background-color: rgba(0, 0, 0, 0.37);
	}

	BODY.phoenixBody.body-dashboard-material:not(:has(.debugBar)) div.supportOrg {
		right: 120px;
	}

	BODY.phoenixBody.body-dashboard-material .debugBar.withSupportOrg {
		margin-right: 260px !important;
	}

	BODY:has(.supportOrg) .userNotice {
		margin-bottom: 2px;
	}

	BODY.phoenixBody.body-dashboard-material:has(.userNotice) .debugBar,
	BODY#Home_body:has(.userNotice) .debugBar {
		margin-right: 10px !important;
	}

	BODY#DashboardAdminDetails_body .debugBar.withSupportOrg {
		margin-right: 270px;
	}

	BODY.phoenixBody.withBreadcrumbs {
		margin: 65px 0 27px 60px;
	}

	.well a.warningLink {
		font-size:8pt;
		font-weight:normal;
		font-style:normal;
		white-space:nowrap;
	}


	.MenuGroups {
		display:inline;
		list-style-type: none;
		padding:0;
		line-height: 1em;
	}

	.MenuItem {
		position:relative;
		z-index:2;
		overflow:visible;
		display:inline-block;
		text-decoration:none;
	}

	.Menu .MenuItem {
		height:53px;
	}

	.MenuItem:hover {
		text-decoration:none;
	}

	.MenuItem.Hover {
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 49%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.35)), color-stop(49%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 49%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 49%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 49%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.35) 49%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
		color:#3f6fdc;
	}

	div.NavMenuContainer {
		background-color: #051c2c;
		position: absolute;
		z-index: 0;
		text-align: left;
		padding:0;
		max-width:40.0em;
		min-width:23.0em;
		display:none;
	}

	div.NavMenuContainer.slideFromTop {
		background-color: #FFFFFF;
	}

	.NavMenuContainer .MenuOverlayHeader {
		color:#ffffff;
		padding:.5em 3.5em 0 .5em;
		margin:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		height: 3em;
	}
	.NavMenuContainer .MenuOverlayHeader h1,
	.NavMenuContainer .MenuOverlayHeader h2 {
		font-weight:normal;
		padding-left: 0.8em;
		font-size:16px;
		line-height:2.1em;
		max-width:100%;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}

	.NavMenuContainer .MenuOverlayHeader.withQuickKey h1,
	.NavMenuContainer .MenuOverlayHeader.withQuickKey h2,
	.NavMenuContainer .MenuOverlayHeader.withContextSearch h1 {
		max-width:67%;
	}

	.MenuSection.Paged ul.withContextSearch {
		border-top: 1px Solid #000000;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch {
		position: relative;
		padding: .5em 0em 0.5em 0em;
		border-bottom: 1px Solid #000000;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"] {
		margin-left: 4px;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx::placeholder {
		color: #ffffff;
		opacity: 0.65;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx:-ms-input-placeholder {
		color: #ffffff;
		opacity: 0.65;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx::-ms-input-placeholder {
		color: #ffffff;
		opacity: 0.65;
	}

	.page--material div.navSearch.productSearch div.productSearch input[type="text"].productSearch {
		height: 30px;
	}

	.page--material div.navSearch.productSearch div.productSearch input[type="text"].productSearch,
	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx,
	.navSearch.productSearch .quickSearchTermsWrapper.productSearch .quickSearchSubmitWrapper button {
		color: #ffffff;
	}
	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx {
		background-color: #051c2c;
		border:none;
		border-radius: 0;
		width: 16.5em;
		padding-left: 10px;
		width: 198px !important;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	div.navSearch.productSearch div.productSearch .quickSearchSubmitWrapper button.btn:focus-visible {
		color: #ffffff !important;
		outline: 2px solid #ffffff !important;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append > input[type="search"].phx:focus {
		outline: auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.page--material div.navSearch.productSearch div.productSearch button.btn,
	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append button[type="submit"].btn {
		color: #ffffff;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append button[type="submit"].btn {
		background: none;
		background-color: #051c2c;
		border: none;
		box-shadow: none;
		border-radius: 0;
		margin-left:1px;
	}

	.NavMenuContainer .subMenuContainer .withContextSearch div.menuContextSearch .input-append button[type="submit"].btn:focus {
		outline: auto !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.NavMenuContainer .QuickKey {
		position:absolute;
		right:.5em;
		top:0.6em;
		color:white;
		max-width:33%;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 1em;
		margin: 0.2em;
		font-weight: bold;
	}

	span.menuItemQuickKey {
		color:grey;
		position:absolute;
		right:1em;
	}

	.NavMenuContainer .headerColor {
		position:absolute;
		top:0;
		bottom:0;
		z-index:-1;
		width:20.0em;
		height:100%;
		background-color:#637382;
		font-size: 1em;
	}
	.MenuSection {
		font-size: 1em;
		float:none;
		position:relative;
		display:block;
		max-width:40.0em;
		min-width:23.0em;
		margin:0px;
		padding:0;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.MenuSection h2.MenuHeaderOption a.PagedHeader,
	.MenuSection .PagedHeader h2 {
		position:absolute;
		display:inline-block;
		width: 20.0em;
		height: 2em;
		max-width:20.0em;
		padding:.1em 0em 0.1em 1.5em;
		vertical-align:top;
		overflow:hidden;
		text-overflow:ellipsis;
		border:none;
		color: #ffffff;
		margin:0px;
	}

	.MenuSection.Paged li h3,
	.MenuSection .thirdLevelSection h3,
	.BookmarksSection li h3 {
		color: #ffffff;
		font-weight:normal;
		font-size:1.1em;
		margin-left: 0;
		padding-bottom:.3em;
		white-space:nowrap;
		border-bottom:1px dotted #9eadc1;
	}

	.MenuSection a.Hover {
		background:none;
		background-color:transparent;
		filter:none;
	}

	.MenuSection .header {
		padding-bottom: .2em;
		border:none;
		display:table-cell;
		vertical-align:middle;
		height:2.5em;
		width:18.0em;
	}

	.MenuSection ul {
		position:relative;
		list-style-type: none;
		background-color:#051c2c;
		padding:0 0 .5em 0;
		margin: 0;
	}

	div.NavMenuContainer.slideFromTop div.MenuSection ul {
		background-color:#FFFFFF;
	}
	div.NavMenuContainer.slideFromTop div.MenuSection ul,
	div.NavMenuContainer.slideFromTop div.MenuSection ul li a,
	div.NavMenuContainer.slideFromTop div.userOptionsDynamicWrapper ul li a,
	div.NavMenuContainer.slideFromTop div.userOptionsDynamicWrapper div.dynamicContent ul li.actionItem span a:hover {
		color:#1C1C1C;
	}
	div.NavMenuContainer.slideFromTop div.MenuSection ul li a,
	div.NavMenuContainer.slideFromTop div.NotificationsSection li {
		border-left: 3px solid #FFFFFF;
	}
	li.Notifications div.NavMenuContainer.slideFromTop div.NotificationsSection li {
		border-left: 3px solid #F4F4F4;
	}

	.MenuSection ul.k-reset {
		display:block;
		padding:0;
		width: 193px;
	}

	.MenuSection.withHeader > ul {
		left:20.1em;
	}

	div.NavMenuContainer.slideFromLeft div.MenuSection.Paged li a {
		
		padding-right: .5em;
	}

	.MenuSection a:hover,
	div.Menu ul.MenuGroups li.active div.NavMenuContainer.slideFromLeft div.MenuSection.Paged.active li a:hover,
	div.Menu ul.MenuGroups li.active div.NavMenuContainer.slideFromLeft div.MenuSection.Paged.active li a:hover span,
	.BookmarksSection li a:hover {
		color: #ffffff;
		text-decoration:none;
	}
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection a:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection a:focus,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.actionItem:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.actionItem:focus,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.BookmarksSection a:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.BookmarksSection a:focus {
		background-color: #F4F4F4;
	}

	

	div.NavMenuContainer.slideFromLeft.quickSearch div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a:hover,
	div.NavMenuContainer.slideFromLeft.quickSearch div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a:focus,
	div.Menu ul.MenuGroups li.active div.NavMenuContainer.slideFromLeft div.MenuSection.Paged.active li a:hover:not(:thirdLevelSection) {
		background-color: #637382;
		color: #ffffff;
	}
	div.NavMenuContainer.slideFromLeft.quickSearch div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a div.searchResult {
		color: #ffffff;
	}
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection a:hover span,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection a:focus span,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.BookmarksSection a:hover div,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.BookmarksSection a:focus div,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a:hover div,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a:focus div,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.notificationItem a:hover div,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.notificationItem a:focus div {
		color: #1C1C1C;
	}

	.MenuSection a.PagedHeader {
		border-left: 3px solid #637382;;
	}

	.MenuSection li a,
	.BookmarksSection li a {
		line-height: 2em;
		border-left: 3px solid #051c2c;
		padding-top:1px;
		padding-right:1px;
		padding-bottom:1px;
		color: #ffffff;
		padding-left:.5em;
		white-space:nowrap;
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		height: 2em;
	}

	.MenuSection li a {
		line-height: 1em;
		white-space: normal;
		align-content: center;
		padding-bottom: 3px;
	}

	.MenuSection li.active a,
	.BookmarksSection li.active a {
		border-left: 3px solid #3f6fdc;
		background-color: #1C1C1C;
	}

	.MenuSection li h2.MenuHeaderOption:hover,
	.MenuSection li h2.MenuHeaderOption:focus,
	.MenuSection li a:hover,
	.MenuSection li a:focus,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection ul li a:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.MenuSection ul li a:focus,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.actionItem:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.actionItem:focus,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.notificationItem:hover,
	li.NotificationWrapper div.NavMenuContainer.slideFromTop div.NotificationsSection li.notificationItem:focus,
	.BookmarksSection li.bookmarkItem a:hover,
	.BookmarksSection li.bookmarkItem a:focus {
		outline: 0;
		border-left:3px solid #3f6fdc;
	}

	.MenuSection li h2.MenuHeaderOption:focus,
	.BookmarksSection li.bookmarkItem a:focus {
		outline: 0;
		margin-right:1px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}

	.MenuSection li h2.MenuHeaderOption:focus {
		border-top:1px Solid #051c2c;
		border-right:2px Solid #051c2c;
		border-bottom:1px Solid #051c2c;
	}
	.NavMenuContainer.slideFromTop li a:focus {
		border-top:1px Solid #F4F4F4;
		border-right:2px Solid #F4F4F4;
		border-bottom:1px Solid #F4F4F4;
	}
	div.Menu ul.MenuGroups li.active div.NavMenuContainer.slideFromLeft div.MenuSection.Paged.active li.fourthLevel a:hover,
	.MenuSection.active > a {
		border-left: 3px solid #3f6fdc;
	}
	div.Menu ul.MenuGroups li.active div.NavMenuContainer.slideFromLeft div.MenuSection.Paged li.fourthLevel a {
		border-left: 3px solid #051c2c;
	}

	.quickSearchResults .emptyResults {
		padding-left:.9em;
		text-align:left;
	}

	a#Phoenix_Nav_Search_Invoker img.NotificationIcon {
		margin-right:0;
	}

	#Phoenix_Nav_Bookmarks_Dynamic.dynamicContent .emptyResults {
		color: #1C1C1C;
		text-align:left;
		margin-left:1em;
		margin-bottom:1em;
		text-align:center;
		white-space: normal;
	}

	.MenuNub {
		z-index:-1;
		padding:0;
		position:absolute;
	}

	.navSearch {
		display:flex;
		position:relative;
		white-space: nowrap;
		padding: 5px;
	}

	.navSearch.productSearch .quickSearchTermsWrapper {
		padding-left: 2px;
	}

	.navSearch .quickSearchTermsWrapper {
		width:100%;
	}

	#PHX_NAV_ShopSearchQuickSearchTerms {
		padding-right: 10px;
	}
	#PHX_NAV_ShopSearch > ul {
		top: 4px;
	}

	#PHX_NAV_ShopSearch > ul > form > div > div.fas.dropdownFontIcon {
		display: block !important;
	}

	.MenuSection .fas.dropdownFontIcon:focus-within {
		box-shadow: 0 0 0 1px #ffffff;
		outline: 3px solid transparent;
		border-radius: 3px;
	}

	.navSearch .quickSearchTerms {
		padding-right:20px;
		width:99%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	input[type=text].quickSearchTerms::-ms-clear {
		display: none;
	}

	.navSearch .quickSearchSubmitWrapper {
		position:relative;
		display:inline-block;
		right:22px;
		height:100%;
	}

	.navSearch .quickSearchSubmitWrapper .btn-link:hover {
		text-decoration: none;
	}

	.navSearch .quickSearchSubmitWrapper img {
		position:absolute;
		top:-6px;
		right:6px;
		height:14px;
		width:14px;
	}

	.navSearch .quickSearchSubmitWrapper span.loading-inline {
		padding-top: 0;
		padding-right: 4px;
	}

	.quickSearchResults:empty {
		border:none;
	}

	.MenuSection.searchResultsList ul {
		left:auto;
		width:40.0em;
	}

	.MenuSection.searchResultsList ul .searchResult {
		display:inline-block;
		position:relative;
		width:28em;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.MenuSection.searchResultsList ul .searchResult.withContext {
		width:20em;
	}

	div.NavMenuContainer.slideFromLeft.quickSearch div.quickSearchResults.dynamicContent div.MenuSection.searchResultsList a div.searchResultContext,
	.MenuSection.searchResultsList ul .searchResultContext {
		display:inline-block;
		position:relative;
		padding-left:1em;
		width: 18em;
		max-width: 18em;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		font-style:italic;
		color:#999999;
	}

	#Phoenix_Nav_HelpMenu {
		height:fit-content;
		width:fit-content;
	}

	.MenuSection.searchResultsList ul li.overflow.menuOverflow {
		padding-left:1em;
		padding-top:.5em;
		text-align:center;
	}

	.MenuSection.searchResultsList ul li.overflow,
	.MenuSection.searchResultsList ul li.overflow a {
		color: #ffffff;
	}

	.MenuSection ul li img {
		max-width: 1em;
		padding-right:.5em;
	}

	.MenuSection ul li img + .navMenuItemText + .notificationItemDetails {
		max-width:50%;
		vertical-align:bottom;
	}

	ul li.menuItemDivider {
		margin: 0.2em 0.2em 0.3em 0.5em;
		width: 20em;
		border-top: 1px solid #637382;
	}

	ul li.menuItemDivider + .menuItemDivider, 
	ul li.menuItemDivider.first-child,  
	ul li.menuItemDivider.last-child   {
		display:none;
	}

	.notificationLoadingIndicator {
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		background-color:grey;
		text-align:center;
		padding-top:.2em;
		padding-bottom:.2em;
		opacity:0.4;
		filter:alpha(opacity=40); /* For IE8 and earlier */
		/* slide effect */
		-webkit-transition: opacity .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
		transition: opacity .2s ease-in-out;
	}

	.notificationLoadingIndicator img {
		display:inline-block;
		height:3em;
		max-height:100%;
	}

	.no-focus-outline a:focus {
		outline: none;
	}

	button.btn-primary {
		background-color: #9eadc1 !important;
	}
	
	button.btn-mosaic {
		font-size: 12px !important;
		height: 30px !important;
		line-height: 20px;
		min-width: 80px;
		padding: 0 20px;
		width: initial !important;
	}
	
	button.btn.btn-primary.btn-mosaic:hover {
		background-color: #b9c8dd !important;
		color: white !important;
	}

	.NotificationBar .OrgSpan {
		margin: 15px;
		line-height: 40px;
	}




.Banner {
	background-color: #051c2c;
	position:fixed;
	left:0;
	top:40px;
	right:0;
	border-bottom: 1px solid lightgrey;
}

.PreviewBanner,
.Banner {
	min-width: 800px;
	z-index:4001;
	overflow-y:hidden;
	height:60px;
	max-height:60px;
	overflow:hidden;
	width:100%;
}

.PreviewBanner {
	border: 1px solid rgba(0,0,0,.15);
	max-width: 1024px;
}

body.phoenixBody .Banner {
	left:60px;
}
.BannerPageHelp {
    position: absolute;
    right:60px;
    bottom:0px;
    display:block;
    margin-bottom:6px;
    margin-right:8px;
}
.Logo {
	position: absolute;
	top:0;
	left:5px;
}
.PreviewLogo,
.Logo {
	height: 40px;
	display:inline-block;
}

.Logo a.imageLink {
    display: inline-block;
    height: 25px;
    margin: 0.5rem 0;
}

.Logo a.imageLink:focus-visible {
	outline: 2px solid #000000;
}

.Logo img,
.PreviewLogo img {
	height: 25px;
	max-height: 25px;
	margin:auto;
}

.Logo img {
	position:absolute;
	top:0;
	bottom:0;
}

.NavMenuContainer.standard {
	display:none;
	z-index:50;
}

.TopNavPersonaBand {
	margin-top:.5em;
	margin-right:.5em;
}




/* breadcrumbs */

.breadcrumb {
	z-index: 3999;
	white-space:nowrap;
	font-size:0.9em;
	background-image:none;
	filter:none;
	background-repeat:initial;
	line-height: 25px;
}

.breadcrumb.skipContent .MenuItem {
	margin-left: -999999px;
}

.breadcrumb.skipContent .MenuItem:focus {
	margin-left: 0px;
}

.breadcrumb.skipContent > li:first-child:focus-within {
	padding-left: 15px;
}

.breadcrumb.skipContent > li:first-child {
	padding-left: 0px;
}

.breadcrumb .MenuItem {
	z-index:0;
	display:inline;
	color:#3f6fdc;
}

.breadcrumb .MenuItem:hover {
	text-decoration:underline;
	color: #3f6fdc;
}

.breadcrumb a.MenuItem:focus-visible {
	outline: 2px solid #000000;
}

.breadcrumb a.MenuItem:focus:not(:focus-visible) {
	outline: none;
}

.breadcrumb .MenuItem.withDropDown {
	background: url('/app_docs/art/nav/bullet-arrow-down.png') no-repeat right 58%;
	padding-right:13px;
}

.breadcrumb .MenuSection ul {
	padding-top: 0.5em;
	left:0;
}

.breadcrumb .MenuSection ul li {
	padding: 2px 0px;
}

.breadcrumb li img.menuRef,
.MenuSection ul li img.menuRef {
	position:relative;
	top:2px;
	height: 10px;
	padding-right: 0.3em;
	max-width:16px;
}
.breadcrumb li img.menuRef {
	top: -1px;
	vertical-align: middle;
}
.breadcrumb ul.dropdown-menu li {
	display: list-item;
	padding: 0;
	height: 26px;
}
.breadcrumb ul.dropdown-menu li.divider {
	height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
    box-sizing: initial;
    min-height: 0;
}

.MenuNub.standard {
	top: -12px;
}

#phxBreadcrumbs {
	z-index:4000;
	position:fixed;
	left:60px;
	right:0;
	border-bottom: 1px Solid #e5e5e5;
	white-space:nowrap;
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	top: 40px;
}

#phxBreadcrumbs,
#phxBreadcrumbs .MenuSection ul,
#phxBreadcrumbs .MenuSection ul li a,
#phxBreadcrumbs .MenuSection ul li a:hover span {
	background-color:#FFFFFF;
	color: #1C1C1C;
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
}
#phxBreadcrumbs .MenuSection ul li a {
	border-left: 3px solid #FFFFFF;
}

#phxBreadcrumbs .MenuSection ul li.active a,
#phxBreadcrumbs .MenuSection ul li a:hover {
	border-left: 3px solid #3f6fdc;
}
#phxBreadcrumbs div.NavMenuContainer {
	top: 26px;
	webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	   moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	       box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

#phxBreadcrumbs .MenuSection ul li.active a,
#phxBreadcrumbs .MenuSection ul li a:hover,
#phxBreadcrumbs .MenuSection ul li a:hover span,
#phxBreadcrumbs .MenuSection ul li a:focus {
	background-color: #F4F4F4;
}

body > .siteFooterFixed {
    color: #6B6B6B !important;
 }

.WindowButtons + #phxBreadcrumbs {
	position:static;
}




li.NotificationWrapper.breadcrumbOrgName {
	background-color: Yellow;
}

li.NotificationWrapper.breadcrumbOrgName BUTTON {
	font:12px 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif !important;
	line-height: 40px !important;
	height: 40px !important;
	padding:0px !important;
}

li.NotificationWrapper button.btn.withIcons:not(.btn-icon-rounded):not(.input-group-append-next):not(.btn-circle):not(.input-group-append) svg {
	height:40px;
	margin-top:0px;
}

.breadcrumb li.supportOrg {
	float: right;
	margin-top: -2px;
}
.breadcrumb li.supportOrg div.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-prepend.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on img {
	max-width: 1em;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-prepend.input-append img,
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on img {
	padding-top: 3px;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on {
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	height: 35px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group div.k-widget + span.add-on {
	border-radius: 0 4px 4px 0;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group span.add-on i {
	margin-top: 6px;
}
.breadcrumb li.breadcrumbOrgName div.k-content div.input-group div.k-widget {
	border-radius: 0;
	font-size: 14px;
}
.breadcrumb li.breadcrumbOrgName li.switchOrgMultiSelect {
	height: 30px;
}
.breadcrumb li.breadcrumbOrgName li.switchOrgMultiSelect li.k-button {
	height: 25px;
}
.breadcrumb li.breadcrumbOrgName .k-multiselect-wrap input {
	margin-top: 3px;
}
.breadcrumb li.breadcrumbOrgName .k-multiselect-wrap ul li.k-button span {
	line-height: 2em;
}
.breadcrumb li.supportOrg .k-multiselect-wrap {
	height: 20px;
	min-height: 1.8em;
}
.breadcrumb li.breadcrumbOrgName div.k-content {
	padding-left: 20px;
}
.breadcrumb li.supportOrg .k-content span.add-on {
	height: 13px;
}
.breadcrumb li.supportOrg .k-content .input-append span.add-on i.phxGlyph {
	top: -2px;
}
.breadcrumb li.supportOrg .k-content .k-multiselect-wrap .k-input {
	padding-top: 1px;
	padding-bottom: 1px;
}
.breadcrumb li.supportOrg div.k-content div.k-widget .k-multiselect-wrap ul li.k-button {
	height: 18px;
	margin-top: 0px;
}
.supportOrg select.phx {
	height: 23px;
	line-height: 23px;
	border-radius: 0;
	-webkit-appearance: none;
}

div.supportOrg {
	position:fixed;
	right: 5px;
	top: 42px;
	z-index:4500;
}

div.supportOrg .k-multiselect-wrap {
	height: 20px;
	min-height: 21px;
}
div.supportOrg .k-content span.add-on {
	height: 13px;
}
div.supportOrg .k-content .input-append span.add-on i.phxGlyph {
	top: -2px;
}
div.supportOrg .k-content .k-multiselect-wrap .k-input {
	padding-top: 1px;
	padding-bottom: 1px;
}
div.supportOrg div.k-content div.k-widget .k-multiselect-wrap ul li.k-button {
	height: 18px;
	margin-top: 0px;
}
div.supportOrg select.phx {
	height: 23px;
	line-height: 23px;
	border-radius: 0;
	-webkit-appearance: none;
}
div.supportOrg div.input-append img,
.page--material div.supportOrg div.input-group.input-group--in span.input-group-append img {
	max-width: 1em;
}
.page--material div.supportOrg div.k-content div.k-multiselect-wrap input.k-input {
	height: 1.5em;
}
.page--material div.supportOrg div.k-content div.input-group--in span.add-on.input-group-append:first-of-type {
	right: 3px;
}

.breadcrumb li.breadcrumbOrgName .btn.btn-link {
	background-color: Yellow;
	padding: 0 5px 0 5px;
	border-radius: 0px;
	line-height: 25px;
	max-height: 25px;
	vertical-align: inherit;
}

.breadcrumb li.breadcrumbOrgName .phx.glyph-caret {
	display:none;
}

.breadcrumb li.breadcrumbOrgName .btn-group {
	display:inherit;
	vertical-align:inherit;
}

.breadcrumb li.breadcrumbOrgName .btn-group.open > .btn.btn-link.dropdown-toggle {
	background-color:Yellow;
}

.breadcrumb li.breadcrumbOrgName .btn-group > .btn.btn-link {
	margin:0;
	color: #3f6fdc;
}











BODY > DIV#Menu,
BODY > DIV#Menu A,
BODY > DIV#Menu INPUT,
BODY > DIV#Menu SELECT {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
	box-shadow: none;
	moz-box-shadow: none;
	webkit-box-shadow: none;
}

.Menu {
	position:fixed;
	top:0px;
	bottom:0;
	left: 0;
	text-align:center;
	width:60px;
	z-index:15001;
	min-height:660px;
}

.Menu ul.MenuGroups li {
	position:relative;
	list-style:none;
	text-align:left;
}

.Menu .MenuItem img,
.Menu .MenuItem svg {
	max-width: 24px;
	width: 24px;
	padding: 14px 18px 12px 18px;
}

.Menu .MenuItem img,
.Menu .MenuItem {
	color: #ffffff;
}

.Menu .MenuItem svg {
	height:24px;
	box-sizing: content-box;
}

.Menu > ul.MenuGroups .MenuItem {
	width:100%;
}

.Menu > ul.MenuGroups > li > a:focus-visible {
	outline: 2px solid #ffffff !important;
	outline-offset: -10px;
}

.Menu > ul.MenuGroups > li > a:focus:not(:focus-visible) {
	outline: none !important;
}

.Menu > ul.MenuGroups > li.menu-expand-collapse > a:focus-visible {
	outline-offset: -8px;
}

.Menu > ul.MenuGroups > li:hover > a,
.Menu > ul.MenuGroups > li.active > a {
	background-color: #637382;
}

.Menu > ul.MenuGroups > li.active > a > svg,
.Menu > ul.MenuGroups > li:hover > a > svg {
	transition: fill 1s;
}

.Menu > ul.MenuGroups > li.active > a,
.Menu > ul.MenuGroups > li:hover > a {
	
	color: #3f6fdc;
	transition: fill 1s;
}

.Menu > ul.MenuGroups span.ActiveMenu {
	background-color: #3f6fdc;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width: 5px;
	z-index:10;
	height: 53px;
}

.Menu > ul.MenuGroups > li:hover img,
.Menu > ul.MenuGroups > li.active img,
.Menu > ul.MenuGroups > li:hover .phx.phxText,
.Menu > ul.MenuGroups > li.active .phx.phxText {
	opacity:1;
}

.Menu > ul.MenuGroups .MenuItem img {
	vertical-align: middle;
	opacity: .75;
	border: none; 
}

.Menu > ul.MenuGroups .MenuItem .phx.phxText {
	color: #ffffff;
	font-size: 13px;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
	width:82px;
	vertical-align: middle;
	display:none;
	max-height:58px;
	height: 52px;
	position: absolute;
	left: 55px;
	top: 0px;
	max-width: 85px;
}
.Menu > ul.MenuGroups li.active .MenuItem .phx.phxText {
	color: #ffffff;
}

.Menu > ul.MenuGroups .MenuItem .phx.phxText .menuLabel {
	display: table-cell;
	vertical-align: middle;
	max-width: 85px;
	word-wrap: break-word;
}

#borderContainer{
	width:100%;
	height:100%;
}

#borderContainer.withNav {
	margin-left: 65px;
	width:95%;
	height:95%;
}

.Menu ul.MenuGroups li.Cog {
	position:absolute;
	left:0;
	bottom: 23px;
}

.MenuBackground {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	background-color: #051c2c;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
}

.MenuSection.Paged {
	position:static;
	min-height:auto;
	height:auto;
	border:none;
	width:20.0em;
	overflow-x:hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	font-size:1em;
	padding: 0;
}

.MenuSection.Paged h2.MenuHeaderOption,
.MenuSection.Paged > a.PagedHeader {
	color: #ffffff;
	display:block;
	width:20.0em;
	max-width:20.0em;
	position:relative;
	cursor:pointer;
	outline: none;
	min-height: 35px;
}

.MenuSection.Paged.withHeader.active h2.MenuHeaderOption a.PagedHeader,
.MenuSection.Paged.withHeader.active a.PagedHeader h2,
.MenuSection.Paged h2.MenuHeaderOption a.PagedHeader.Hover,
.MenuSection.Paged a.PagedHeader.Hover h2 {
	color: #ffffff;
}

.MenuSection.Paged.withHeader.active a.PagedHeader,
.MenuSection.Paged a.PagedHeader.Hover {
	background-color: #051c2c;
}

.MenuSection.Paged.withHeader.active a.PagedHeader::after,
.MenuSection.Paged a.PagedHeader.Hover::after {
	position:absolute;
	display:block;
	background-image: url('/app_docs/art/phoenix/next-light.png');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center bottom;
	right: 0.2em;
	top: 8px;
	width: 1.5em;
	height: 1.2em;
	content: " ";
}

.MenuSection.Paged h2.MenuHeaderOption a.PagedHeader,
.MenuSection.Paged a.PagedHeader h2 {
	height:auto;
	padding-right:2em;
	padding-top: 8px;
}

.MenuSection.Paged h2.MenuHeaderOption a.PagedHeader:hover,
.MenuSection.Paged a.PagedHeader h2:hover {
	color: #ffffff;
}

a.MenuItem:hover {
	cursor:pointer;
}

.MenuSection.Paged h2.MenuHeaderOption .MenuNub,
.MenuSection.Paged a.PagedHeader .MenuNub {
	right:0;
	top:.5em;
	border-right: 8px solid #9eadc1 ;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	z-index:10;
	display:none;
}

.MenuSection.Paged h2.MenuHeaderOption a.PagedHeader.Hover + .MenuNub,
.MenuSection.Paged a.PagedHeader.Hover .MenuNub {
	display:block;
}

#Menu .MenuSection.Paged h2.MenuHeaderOption a.PagedHeader,
.MenuSection.Paged .PagedHeader h2 {
	position:relative;
	height:auto;
	line-height:1.5em;
	font-weight:normal;
	width: 16.0em;
}

.MenuSection.Paged > ul {
	position:absolute;
	width:0;
	overflow:hidden;
	background-color: #051c2c;
	top:0em;
}

.MenuSection.Paged > ul:not(:has(.menuContextSearch)) {
	top: 1em;
}

.NavMenuContainer.slideFromLeft {
	left: -40.0em;
	top: 0;
	/* slide effect */
	
	-webkit-transition: left .2s ease-in-out;
	-moz-transition: left .2s ease-in-out;
	-o-transition: left .2s ease-in-out;
	transition: left .2s ease-in-out;
	
	overflow:hidden;
	padding-bottom:0.5em;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.MenuNub.slideFromLeft {
	left: -12px;
	border-right: 14px solid #637382 ;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	/* slide effect */
	
	-webkit-transition: left .2s ease-in-out;
	-moz-transition: left .2s ease-in-out;
	-o-transition: left .2s ease-in-out;
	transition: left .2s ease-in-out;
	
}

.quickSearch .MenuNub.slideFromLeft {
	border-right: 14px solid #051c2c;
}

.NavMenuContainer.slideFromLeft.quickSearch H1 {
	color: #ffffff;
}

.navSearch.productSearch {
	background-color: #051c2c;
}

.navSearch .quickSearchType.productSearch {
	width:145px;
}

.navSearch .quickSearchTermsWrapper.productSearch {
	width:275px;
}

.MenuSection ul .thirdLevelSection h3 {
	border-bottom:none !important;
	padding-bottom:0 !important;
	padding-left: .5em;
	font-size: 16px;
	line-height: 1.8em;
}

.thirdLevelSection ul {
	display:inline-block;
}

li.fourthLevel {
	width:auto;
}

li.fourthLevel a {
	border:none;
}

li.fourthLevel .divider {
	background-color: #DDDDDD;
	width:1px;
	height:1em;
	display:inline-block;
	position:absolute;
	top:5px;
	right:0;
}

li.fourthLevel a:hover {
	text-decoration:underline;
}

li.fourthLevel a:focus {
	text-decoration:underline;
}

.NotificationBar {
	z-index:15001 !important;
}

.NavMenuContainer > .subMenuContainer {
	padding-left: 0px;
}

.NavMenuContainer > .subMenuContainer > .subMenuItem {
	position: static;
}
















































.Menu ul.MenuGroups li.menu-expand-collapse span,
.Menu ul.MenuGroups li.menu-expand-collapse div {
	background-color: #1C1C1C;
	height:30px;
	text-align:right;
}


.Menu ul.MenuGroups li.menu-expand-collapse span .phxGlyph,
.Menu ul.MenuGroups li.menu-expand-collapse div .phxGlyph {

	color: #ffffff;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 33px;
	line-height: 30px;
	width:14px;
	padding-left: 13px
}

.Menu ul.MenuGroups li.menu-expand-collapse {
	display:inline-block;
	position:absolute;
	height: 22px;
	left:0;
	bottom: 0px;
}

.Menu ul.MenuGroups li.menu-expand-collapse span.expand-menu-link svg,
.Menu ul.MenuGroups li.menu-expand-collapse span.collapse-menu-link svg {
	height: 1.4em;
	width: auto;
}

.Menu ul.MenuGroups li.menu-expand-collapse span.expand-menu-link,
.Menu ul.MenuGroups li.menu-expand-collapse span.collapse-menu-link {
	color: #ffffff;
}

body[menu-display="default-view"] .Menu ul.MenuGroups li.menu-expand-collapse span.expand-menu-link svg {
	padding: 6px 0 0 21px;
}
.Menu ul.MenuGroups li.menu-expand-collapse span.expand-menu-link svg {
	padding: 6px 21px 0 0;
}
.Menu ul.MenuGroups li.menu-expand-collapse span.collapse-menu-link svg {
	padding: 6px 61px 0 0;
}

BODY.phoenixBody[menu-display=explicit-collapse] .Menu ul.MenuGroups li.menu-expand-collapse .collapse-menu-link,
BODY.phoenixBody[menu-display=default-view] .Menu ul.MenuGroups li.menu-expand-collapse .collapse-menu-link{
	display:none;
}

BODY.phoenixBody[menu-display=explicit-collapse] .Menu ul.MenuGroups li.menu-expand-collapse,
BODY.phoenixBody[menu-display=explicit-collapse] .Menu ul.MenuGroups li.menu-expand-collapse span,
BODY.phoenixBody[menu-display=explicit-collapse] .Menu ul.MenuGroups li.menu-expand-collapse div,
BODY.phoenixBody[menu-display=default-view] .Menu ul.MenuGroups li.menu-expand-collapse,
BODY.phoenixBody[menu-display=default-view] .Menu ul.MenuGroups li.menu-expand-collapse span,
BODY.phoenixBody[menu-display=default-view] .Menu ul.MenuGroups li.menu-expand-collapse div{
	width:	60px;
}

BODY.phoenixBody .Menu,
li.menu-expand-collapse {
	transition: width 500ms;
}

BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse span .phxGlyph,
BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse div .phxGlyph{
	float: right;
}
div.Menu ul.MenuGroups li.menu-expand-collapse a.MenuItem:hover,
div.Menu ul.MenuGroups li.menu-expand-collapse a.MenuItem:hover i.phx.phxGlyph {
	color: #ffffff;
}




BODY.phoenixBody .Menu ul.MenuGroups li.menu-expand-collapse {
	height: 30px;
}

BODY.phoenixBody .Menu ul.MenuGroups li.menu-expand-collapse a.MenuItem,
BODY.phoenixBody .Menu ul.MenuGroups li.menu-expand-collapse .expand-menu-link,
BODY.phoenixBody .Menu ul.MenuGroups li.menu-expand-collapse .collapse-menu-link {
	background-color: #637382;
}
BODY.phoenixBody .Menu ul.MenuGroups li.menu-expand-collapse a.MenuItem {
	height: 30px;
	line-height: 30px;
}

BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse .expand-menu-link,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse .expand-menu-link{
	display:none;
}

BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse span .phxGlyph,
BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse div .phxGlyph,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse span .phxGlyph,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse div .phxGlyph{
	float: right;
}

BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse .collapse-menu-link,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse .collapse-menu-link,
BODY.phoenixBody[menu-display=explicit-expand] .Menu > ul.MenuGroups .MenuItem .phx.phxText,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu > ul.MenuGroups .MenuItem .phx.phxText {
	display: inline-table;
}

BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse,
BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse span,
BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.menu-expand-collapse div,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse span,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.menu-expand-collapse div,
BODY.phoenixBody[menu-display=explicit-expand] .Menu,
BODY.phoenixBody[menu-display=explicit-expand] .Menu ul.MenuGroups li.Cog,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu,
BODY.phoenixBody[menu-display=default-view].ie-expand .Menu ul.MenuGroups li.Cog {
	width: 148px;
}

BODY.phoenixBody[menu-display=explicit-expand] #borderContainer.withNav,
BODY.phoenixBody[menu-display=default-view].ie-expand #borderContainer.withNav {
	margin-left: 153px;
	width:89%;
	height:95%;
}

BODY.phoenixBody[menu-display=explicit-expand],
BODY.phoenixBody.withBreadcrumbs[menu-display=explicit-expand],
BODY.phoenixBody[menu-display=default-view].ie-expand,
BODY.phoenixBody[menu-display=default-view].ie-expand.withBreadcrumbs {
    margin-left: 148px;
}

BODY.phoenixBody[menu-display=explicit-expand] #phxBreadcrumbs,
BODY.phoenixBody[menu-display=explicit-expand] .Banner,
BODY.phoenixBody[menu-display=explicit-expand] .NotificationBar,
BODY.phoenixBody[menu-display=default-view].ie-expand #phxBreadcrumbs,
BODY.phoenixBody[menu-display=default-view].ie-expand .Banner,
BODY.phoenixBody[menu-display=default-view].ie-expand .NotificationBar {
	left:148px;
}

BODY.phoenixBody[menu-display=explicit-expand] .PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom,
BODY.phoenixBody[menu-display=default-view].ie-expand .PageWithSidebar .row > .Sidebar + .MainContent .fixed-bottom {
	left:253px;
}

BODY.phoenixBody[menu-display=explicit-expand] .PageWithSidebar .row > .Sidebar.sidebar-large + .MainContent .fixed-bottom,
BODY.phoenixBody[menu-display=default-view].ie-expand .PageWithSidebar .row > .Sidebar.sidebar-large + .MainContent .fixed-bottom {
	left:323px;
}
BODY.phoenixBody[menu-display=explicit-expand] .PageWithSidebar .row > .Sidebar.sidebar-xlarge + .MainContent .fixed-bottom,
BODY.phoenixBody[menu-display=default-view].ie-expand .PageWithSidebar .row > .Sidebar.sidebar-xlarge + .MainContent .fixed-bottom {
	left:353px;
}
BODY.phoenixBody[menu-display=explicit-expand] .BannerPageHelp,
BODY.phoenixBody[menu-display=default-view].ie-expand .BannerPageHelp{
	right:148px;
}

BODY.phoenixBody[menu-display=explicit-collapse] .Menu ul.MenuGroups li.menu-expand-collapse span {
	display: block;
}












BODY > .NotificationBar,
BODY > .NotificationBar A,
BODY > .NotificationBar INPUT,
BODY > .NotificationBar SELECT {
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
}

.NotificationBar {
	position:fixed;
	background-color: #F4F4F4;
	color: #000000;
	left: 60px;
	height: 40px;
	right:0;
	top:0;
	z-index:5000;
	white-space:nowrap;
}


}

.NotificationBar H5,
.NotificationBar H6 {
	color:  #000000;
	padding-top: .7em;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.7em;
}

.NotificationBar .MenuOverlayHeader {
	color: #ffffff;
}

.NotificationBar .MenuOverlayHeader H1,
.NotificationBar .MenuOverlayHeader H2 {
	color:#ffffff;
}


.NotificationContent .NotificationWrapper .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.54);
  text-shadow: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.NotificationBar .NotificationContent {
	background-color: #F4F4F4;
	position:fixed;
	right:0;
	top:0;
	z-index:4100;
	padding:0;
	margin:0;
	padding-left:20px;
}

.NotificationIcon,
i.phx.phxGlyph.NotificationIcon {
	position:relative;
	top:2px;
}

i.phx.phxGlyph.NotificationIcon.selected {
	color: yellow;
}

.NotificationMenuItem {
    color: #000000;
    position:relative;
    overflow:visible;
    text-decoration:none;
    padding-right:1px;
}

.NotificationMenuItem:hover {
    text-decoration:underline;
    color: #000000;
}

.NotificationMenuItem:focus-visible {
	outline: 2px solid #000000 !important;
}

.NotificationContent > .NotificationWrapper:last-child {
	padding-right: 20px;
}

.NotificationWrapper {
	display:inline-block;
	position:relative;
	vertical-align:top;
	padding:0 .6em;
	margin: 0;
	padding:0 .4em;
}

.NotificationWrapper.UserOptions {
	padding-right:0px;
}

li.NotificationWrapper.Bookmarks {
	padding-right: 6px;
}
li.NotificationWrapper.Search {

	border-left: 1px Solid #E0E0E0;
	padding-left: 0px;
	margin-right:10px;
}

li.NotificationWrapper.Logout {
	float: right;
	margin-top: -1px;
}

li.NotificationWrapper.Logout .btn-mini {
	padding:1px 7px;
	box-shadow: none;
	border-radius: 0;
}

li.NotificationWrapper.Logout .btn-mini,
li.NotificationWrapper.Logout a.btn-mini:focus i.phx.glyphicons,
li.NotificationWrapper.Logout a.btn-mini:hover i.phx.glyphicons,
li.NotificationWrapper.Logout a.btn-mini:focus span.linkText,
li.NotificationWrapper.Logout a.btn-mini:hover span.linkText {
	color: #ffffff;
}

li.NotificationWrapper.Logout .btn-mini i {
	padding-right: 2px;
	top: 1px;
}

.NotificationWrapper.Search {
	margin: 0;
	padding: 0;
}

.NotificationWrapper .navSearch {
	padding:0;
	min-width:165px;
	border:none;
	background-color: #F4F4F4;
	padding: 0px;
}

.quickSearchType.productSearch,
.NotificationWrapper.Search.expanded .quickSearchType.quickSearch {
	position: absolute;
	display:block !important;
	line-height: 40px;
	left: 0;
	height: 40px;
	-webkit-appearance: menulist;
	width: 200px; 
	outline: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
	border: 0;
	background-color: -webkit-control-background;
	z-index: 90;
}

.navSearch.productSearch {
	padding-top: 2px;
	padding-bottom: 0;
	border-bottom: 1px solid #637382;
}
.navSearch.productSearch .search-facade,
.NotificationWrapper.Search.expanded .search-facade {
	position: relative;
	float: left;
	cursor: default;
	overflow: hidden;
}
.navSearch.productSearch .search-description,
.NotificationWrapper.Search.expanded .search-description {
	display: none;
}

.navSearch.productSearch .productSearch.navigable {
	height: 28px;
	background-color:#051c2c;
	color: #ffffff;
	border: none;
}

.navSearch.productSearch .quickSearchTermsWrapper.productSearch INPUT::placeholder {
	color: #ffffff;
}
.navSearch.productSearch .quickSearchTermsWrapper.productSearch INPUT:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ffffff;
}
.navSearch.productSearch .quickSearchTermsWrapper.productSearch INPUT::-ms-input-placeholder { /* Microsoft Edge */
	color: #ffffff;
}

.navSearch.productSearch .search-facade .search-label,
.NotificationWrapper.Search.expanded .search-facade .search-label {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	margin-right: 21px;
	margin-left: 5px;
	font-weight: normal;
	font-family: 'Roboto', 'Noto Sans', 'Noto Sans JP' , 'Noto Sans KR', 'Noto Sans SC', 'Segoe UI', 'Open Sans', Geneva, Helvetica, Arial, sans-serif;
}

.navSearch.productSearch .search-facade .search-label {
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
}
.NotificationWrapper.Search.expanded .search-facade .search-label {
	line-height: 40px;
	color: black;
}

.navSearch.productSearch .search-facade .nav-icon,
.NotificationWrapper.Search.expanded .search-facade .nav-icon {
	position: absolute;
	right: 8px;
	border-style: solid;
	_border-style: dashed;
	border-width: 4px;
	border-color: transparent;
	border-bottom-width: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.navSearch.productSearch .search-facade .nav-icon {
	border-top: 4px solid #ffffff;
	top: 13px;
}
.NotificationWrapper.Search.expanded .search-facade .nav-icon {
	border-top: 4px solid #666;
	top: 17px;
}

.navSearch.productSearch .search-facade .search-label svg,
.NotificationWrapper.Search.expanded .search-facade .search-label svg {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 11px;
	right: 4px;
	fill: currentColor;
}

.navSearch.productSearch .search-facade .search-label svg {
	top: 6px;
}

.NotificationWrapper .navSearch .quickSearchTermsWrapper {
	width:auto;
}

@media screen and (-ms-high-contrast: none) {
	.NotificationWrapper.Search .navSearch .quickSearchSubmitWrapper {
		top: 2px;
		position: relative;
		display: inline-block;
		right: 22px;
		padding-right: 0;
	}
}
.NotificationWrapper.Search .navSearch .quickSearchSubmitWrapper button:hover {
	text-decoration: none;
}

.NotificationWrapper.Search .navSearch .quickSearchSubmitWrapper button:focus {
	border: 1px solid #000000 !important;
}
.NotificationWrapper .navSearch .quickSearchSubmitWrapper {
	position:absolute;
	right:0;
	padding-right: 20px;
}

 .NotificationWrapper .btn-link > i.halflings {
	line-height: 40px;
}

.NotificationWrapper .btn-mini {
	color:  #000000;
	padding-top: 0px;
	padding-bottom:0px;
}

.NotificationWrapper .btn-primary {
	color: #ffffff !important;
}
.NotificationWrapper .btn-primary,
.NotificationWrapper .btn-small {
	margin-right: 1em;
	border-radius: 0;
}
 .NotificationWrapper .NavMenuContainer.slideFromTop div.UserActionsSection ul#UserActionsSectionList_ulId {
    text-align: right;
 }

 .NotificationWrapper .NavMenuContainer.slideFromTop .notificationLinkSection li.notificationsPageLink .btn-primary,
 .NotificationWrapper .NavMenuContainer.slideFromTop div.UserActionsSection ul#UserActionsSectionList_ulId li.userActionsPageLink .btn-primary {
	box-shadow: none;
}
body.page--material .NotificationWrapper .NavMenuContainer.slideFromTop .notificationLinkSection li.notificationsPageLink .btn-primary {
	padding: 0 1.6rem;
	margin-top: 0.5em;
}
 .NotificationWrapper .NavMenuContainer.slideFromTop div.UserActionsSection ul#UserActionsSectionList_ulId li.userActionsPageLink .btn-primary {
 	padding-right: 9px;
 }
 .NotificationWrapper .NavMenuContainer.slideFromTop div.UserActionsSection ul#UserActionsSectionList_ulId li {
 	display: inline-block;
 }

.NotificationWrapper .navSearch .quickSearchSubmitWrapper img {
    top: 10px;
	right:4px;
}

.NotificationContent .navSearch .quickSearchTerms {
	width: 190px;
}

.NotificationWrapper.Search .search-label {
	float: left;
	margin-left: -11%;
	line-height: 21px;
	display: none;
}

.NotificationWrapper .navSearch .quickSearchType.quickSearch {
	padding: 0 10px 0 0;
	position:relative;
	margin-right:20px;
	height: 40px;
	width:100px;
	font-size:12px;

	-webkit-appearance:none;
	-moz-appearance: none;
	overflow:hidden;
	border-radius: 4px 0 0 4px;

	border-style: solid;
	border-width: 0 1px 0 0;

}

.NotificationWrapper .navSearch .fas.dropdownFontIcon {
	display: none;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

.NotificationWrapper .navSearch .fas.dropdownFontIcon select {
	background: transparent;
	border:none;
}

.NotificationWrapper.Search.expanded .navSearch .fas.dropdownFontIcon {
	background-color: #F4F4F4;
	display: block !important;
}

.NotificationWrapper .navSearch .quickSearchType.quickSearch::-ms-expand {
	display:none;
}

.NotificationWrapper .navSearch .quickSearchTerms.quickSearch {
	padding-right:0px;
	border:none;
	font-size:12px;
	height: 40px;
	padding-left:20px;
	background-color: #F4F4F4;
}

.navSearch.productSearch .quickSearchTermsWrapper.productSearch,
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch {
	z-index: 100;
}
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch {
	border-left: 1px Solid #E0E0E0;
	border-right: 1px Solid #E0E0E0;
}
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch INPUT {
	border-bottom: 	1px Solid #F4F4F4;
	padding-right: 20px; 
}
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch INPUT::placeholder {
	color: black;
}
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch INPUT:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: black;
}
.NotificationWrapper .navSearch .quickSearchTermsWrapper.quickSearch INPUT::-ms-input-placeholder { /* Microsoft Edge */
	color: black;
}
.NotificationWrapper .navSearch .quickSearchTerms.quickSearch:focus {
	background-color: #ffffff;
	outline:none;
	border: 1px solid #000000;
}
.NotificationWrapper .navSearch .dropdownFontIcon:focus-within {
	background-color: #ffffff !important;
	border: 1px solid #000000
}

div.NotificationWrapper.skipContent a.NotificationMenuItem {
	margin-left: -999999px;
	width: 0px;
}

div.NotificationWrapper.skipContent a.NotificationMenuItem:focus {
	margin-left: 0px;
	width: auto;
}

div.NotificationWrapper.skipContent {
	padding: 0 .6em;
}

li.NotificationWrapper a.NotificationMenuItem {
	font-size:1.2em;
	line-height: 40px;
}

div.NotificationWrapper.skipContent a.NotificationMenuItem {
	font-size:1.1em;
}

li.NotificationWrapper.active a.NotificationMenuItem {
	color: #3f6fdc ;
}

.NotificationContent .NavMenuContainer .MenuOverlayHeader  {
	background-color: #051c2c;
	height: 2.5em;
}
.NotificationContent .NavMenuContainer .MenuOverlayHeader h1,
.NotificationContent .NavMenuContainer .MenuOverlayHeader h2 {
	padding-left: 0.5em;
	font-size:16px;
	line-height:1.1em;
	margin-left:0;
}
.NotificationContent .NavMenuContainer.slideFromTop  .MenuOverlayHeader h1,
.NotificationContent .NavMenuContainer.slideFromTop  .MenuOverlayHeader h2 {
	padding-left: 15px;
}
.NotificationContent .NavMenuContainer.slideFromTop  .MenuOverlayHeader {
	padding-left: 0px;
}

.NotificationContent .NavMenuContainer .MenuOverlayHeader h1 span,
.NotificationContent .NavMenuContainer .MenuOverlayHeader h2 span {
	vertical-align: middle;
}
.NotificationContent .NavMenuContainer .MenuOverlayHeader .gravatar {
	border-radius: 5px;
	vertical-align: top;
	float: right;
}

li.NotificationWrapper.ActionItems,
li.NotificationWrapper.CartInfo {
    border-right: 1px Solid #E0E0E0;
    padding-right: 20px;
    margin-right: 10px;
}

li.NotificationWrapper.CartInfo .NotificationMenuItem i {
	margin-left:15px;
}
li.UserOptions div.MenuSection ul li a {
	padding-left: 13px;
}
.NotificationContent li.UserOptions .NavMenuContainer .MenuOverlayHeader {
	padding-right: 15px;
}

li.NotificationWrapper a.NotificationMenuItem span#cartTotal {
	line-height: normal;
	font-size: 14px;
	padding-left: 3px;
}

.NotificationMenuItem img {
	width:16px;
	margin-right:2px;
	border:none;
}

.LastNotificationMenuItem {
    border-right:none;
    padding-right:0px;
    margin-right:0px;
}

.ResourceCenterMenuItem {
	height: 33px;
    width: 19px;
    display: list-item;
    margin-right: -5px;
	list-style: none;
	top: 1px;
}

.ResourceCenterMenuItem svg:hover {
	fill: #3f6fdc
}

.UserNameNotificationMenuItem {
	padding-right: 3px;
}

.UserNameNotificationMenuItem i {
	padding-left: 4px;
}

.NotificationText {
	text-align:center;
	display:inline;
	padding-left:.5em;
	vertical-align:top;
}

.NotificationContent .NavMenuContainer {
	width:36em;
}

.NotificationContent .headerColor {
	width: 20.0em;
}

.NotificationContent .MyOrders ul{
	border-top: 1px solid #F4F4F4;
}

.NotificationContent .MenuSection ul{
	width:100%;
	padding-top:.5em;
}

.NotificationContent .MenuSection li a{
	display:inline-block;
	width:100%;
}

.NotificationContent .NotificationsSection {
	border-bottom: 0px;
	min-height: 0em;
	margin:0;
	padding: 0 1em;
}

.NotificationContent .NavMenuContainer.slideFromTop .NotificationsSection {
	padding: 0;
}
.NotificationContent .NavMenuContainer.slideFromTop .NotificationsSection h5,
.NotificationContent .NavMenuContainer.slideFromTop .NotificationsSection h6,
.NotificationContent .NavMenuContainer.slideFromTop .NotificationsSection h3,
.NotificationContent .NavMenuContainer.slideFromTop .BookmarksSection h6,
.NotificationContent .NavMenuContainer.slideFromTop .BookmarksSection h3 {
	padding-left: 15px;
	margin-left: 0;
}

.NotificationsSection a:hover {
	text-decoration:none;
}

.NotificationContent .NotificationsSection h5,
.NotificationContent .NotificationsSection h3 {
	display:block;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color:#1C1C1C;
}

.NotificationContent .NotificationsSection ul {
	display:inline-block;
	padding:0;
	background-color:#FFFFFF;
	width:100%;
}

.NotificationContent .NotificationsSection li {
	position:relative;
	line-height:1.8em;
	margin-bottom: 5px;
}
.NotificationContent .NotificationsSection li.notificationItem {
	background-color:#F4F4F4;
}

.NotificationContent .NotificationsSection li .notificationMessage:hover {
	color:#1C1C1C;
	text-decoration:none;
}

#Phoenix_Nav_ActionItems .NotificationsSection li a {
	padding-top:.1em;
	padding-bottom:.1em;
	width: 100%;
	color:#1C1C1C;
}

#Phoenix_Nav_ActionItems .NotificationsSection .notificationMessage{
	padding-top:.1em;
	padding-bottom:.1em;
}

#Phoenix_Nav_ActionItems .NavMenuContainer.slideFromTop,
#Phoenix_Action_Items_Results,
#Phoenix_Notifications_Results,
#Phoenix_Notifications_Results .NotificationsSection h3 {
	display:block;
	background-color:#FFFFFF;
}

.NotificationsSection li.overflow {
	padding:.5em .5em .5em 1em;
}


.NotificationContent #Phoenix_Nav_ActionItems.NavMenuContainer.slideFromTop div.NotificationsSection h5,
.NotificationContent #Phoenix_Nav_ActionItems.NavMenuContainer.slideFromTop div.NotificationsSection h3,
#Phoenix_Nav_ActionItems.NavMenuContainer.slideFromTop,
#Phoenix_Nav_Notifications.NavMenuContainer.slideFromTop {
	background-color:#FFFFFF;
}

#Phoenix_Nav_ActionItems.NavMenuContainer.slideFromTop {
	padding-bottom:.5em;
}

.NavMenuContainer.slideFromTop {
	top: -100em;
	left:2em;
}

.NavMenuContainer.slideFromTop {
	box-shadow: 0 2px 4px 0 rgba(50,50,50,0.2);
}

div.NotificationBar ul.breadcrumb div.MenuNub.standard {
	float:none;
	top: -12px;
	border-bottom: 12px solid #051c2c;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
}
.MenuSection.searchResultsList h6 {
	padding-left: 6px;
}
div.NotificationBar ul.breadcrumb div.MenuNub.standard {
	left: 10px;
}

.emptyResults {
	padding-bottom:.5em;
	padding-top:.5em;
	text-align:center;
	background-color:#FFFFFF;
	color: #1C1C1C;
}

.NotificationContent .notificationLinkSection {
	margin-top: .5em;
	background-color: #FFFFFF;
}

.NotificationContent .notificationLinkSection a {
	color:white; 
	text-shadow:none; 
	padding-right: .5em;
}

.NotificationContent .notificationLinkSection ul {
	padding:0;
	margin:0;
}

.NotificationContent li.notificationsPageLink {
	height: 33px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:11px;
	color:white;
	background-color:#FFFFFF;
	width:100%;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	position:relative;
	text-align: right;
}

body.page--material .NotificationContent li.notificationsPageLink {
	padding-top: 0;
}

.NotificationsSection .notificationMessage {
	display:inline-block;
	padding: .5em .5em .5em 12px;
	max-width:24em;
	width:80%;
}
body.page--material li.Notifications .NotificationsSection .notificationMessage {
	padding-bottom: 0;
}

.NotificationsSection .notificationItemTitle {
	display:block;
	max-width: 24em;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:1.1em;
	color: #1C1C1C;
}

.notificationMessage.textOnly .notificationItemTitle{
	color: #1C1C1C;
}

.notificationItemDetails {
	display:inline-block;
	color: #1C1C1C;
	max-width: 26em;
	text-overflow:ellipsis;
	overflow:hidden;
	min-height:1.6em;
}

div.notificationMessage > a:active,
div.notificationMessage > a:focus {
	outline:0;
}

.NotificationsSection .notificationAction {
	position:absolute;
	display:inline-block;
	right:.5em;
	top:3px;
	padding:.5em;
}

.NotificationsSection .notificationItemDate {
	color: #1C1C1C;
	font-size:1.1em;
	line-height:1.2em;
}

.userOptionsDynamicWrapper {
	position:relative;
	min-height:2em;
	overflow:hidden;
	transition:min-height .5s ease;
	-moz-transition:min-height .5s ease;
}

.notificationLinkSection,
.userOptionsDynamicWrapper > .dynamicContent > .emptyResults {
	border-top: 1px solid #F4F4F4;
	padding-bottom:.7em;
}

.NotificationContent .quickSearchResults {
	overflow-y:auto;
	max-height:500px;
}

.NotificationContent .quickSearchResults .navigableGroup h3 {
    font-size: 1em;
    margin: 0.2em;
}

.NotificationContent .quickSearchResults ul.searchResultsList {
	width:30em;
}

.NotificationContent ul.searchResultsList .searchResultContext {
	float:left;
	padding-left:0;
	width:2em;
	max-width:2em;
	text-align:center;
	padding-top:.4em;
}

.NotificationContent ul.searchResultsList .searchResultContext img{
	width:1em;
}
.skipContent {
	top: 0;
	position: fixed;
	left: -999999px;
	padding: .3em .6em;
	font-size: 13px !important;
}

svg {
	fill: currentColor !important;
	forced-color-adjust: auto;
}

[data-toggletip-content] {
	position: relative;
}

.toggletip-bubble {
	display: none;
	position: absolute;
	min-height: 14px !important;
	max-width: 300px;
	width: fit-content;
	padding: 5px;
	background: #1C1C1C;
	color: #fff;
	border-radius: 2px !important;
	font-size: 12px;
	z-index: 999999;
}

.toggletip-bubble.active {
	display: inline-block;
}






#Phoenix_Nav_Cart {
	padding:0;
	min-width:40em;
	max-width:40em;
}

#Phoenix_Nav_Cart .scrollable {
	overflow-x:hidden;
	position:relative;
}

#Phoenix_Nav_Cart .dynamicContent {
	width:25em;
	max-width:25em;
	float:left;
}

#Phoenix_Nav_Cart .dynamicContent .emptyResults {
	background-color: #ffffff;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
 	border-right:1px solid #EFEFEF;
	height:70px;
	padding-top:22px;
}

#Phoenix_Nav_Cart {
	background-color: #ffffff;
}

#Phoenix_Nav_Cart .MenuOverlayHeader {
	background-color: #051c2c;
}


#cartLockStatus {
	display:none;
	padding:.3em .2em .5em .2em;
	text-align:center;
	white-space:normal;
 	border-top:1px solid #EFEFEF;
	clear:both; /* remove float */
}

#cartLockStatus img {
	vertical-align:top;
	padding-top:2px;
}

.CartMenuSection {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:25em;
	max-width:25em;
 	border-right:1px solid #EFEFEF;
}

.CartMenuSection ul, .CartOptionsSection ul, .Footer ul {
	padding:0;
	margin:0;
}

.CartMenuSection ul {
	max-width:25em;
}

.CartMenuSection li.cartItem {
	display:block;
	height:5em;
	list-style-type:none;
	padding-top:.5em;
	background-color:white;
 	border-top:1px solid #EFEFEF;
}

.CartMenuSection li.cartItem:first-child {
	border-top:none;
}

.CartMenuSection li.cartItem .productImage {
	display:inline-block;
	height:4em;
	width:5em;
	float:left;
	white-space:normal;
	text-align:center;
	margin-left:1em;
	margin-right:1em;
	color: #9eadc1;
}

.CartMenuSection li.cartItem .productImage .centeredImage {
	height:4em;
	width:100%;
}

.CartMenuSection li.cartItem .productImage .centeredImage.noImageAvailable {
	display:table-cell;
	vertical-align:middle;
	background-color:white;
	border:1px solid silver;
	border-radius:2px;
}


.CartMenuSection li.cartItem .productImage img {
	max-width:5em;
	max-height:4em;
}

.CartMenuSection li.cartItem .cartItemDescription {
	display:inline-block;
	max-height: 2.4em;
	line-height:1.2em;
	white-space:nowrap;
	max-width: 16em;
	text-overflow:ellipsis;
	overflow:hidden;
	color: #3f6fdc;
	font-size:1.1em;
	font-weight:bold;
}

.CartMenuSection li.cartItem .cartItemQuantity {
	display:block;
	color: #696969;
}

.CartMenuSection li.cartItem .cartItemUnitPrice {
	display:inline-block;
	color: #696969;
}

.CartMenuSection li.cartItem .cartItemRemove {
	float:right;
	padding-right:.5em;
}

.CartMenuSection li.cartItem .cartItemRemove button {
	background: transparent;
	border: none;
	cursor: pointer;
	margin: 1px 7px 10px 0;
	padding: 0;
}

.CartMenuSection li.cartItem .cartItemRemove button:focus-visible {
	outline: 2px solid #000000 !important;
}

.CartMenuSection li.cartItem .cartItemRemove img {
	height:1.2em;
	filter:grayscale(30%) brightness(0%) contrast(30%);
}

.CartMenuSection li.overflow {
 	font-size:9pt;
 	text-align:center;
 	display:inline-block;
 	width:100%;
 	padding-top:.5em;
 	padding-bottom:.5em;
 	background-color:white;
 	border-top:1px solid #EFEFEF;
}

.CartMenuSection li.cartDetails {
	display:block;
	padding:.5em .5em .5em .5em;
	list-style-type:none;
}

.CartMenuSection li.cartDetails.header {
	padding-bottom:1em;
 	border-top:1px solid #EFEFEF;

}

.Footer li.cartDetails.subtotal {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size:1.1em;
	padding-top:.7em;
	padding-bottom:.7em;
	color:;
	color: #1C1C1C;
	background-color: #FFFFFF;
	width:100%;
	text-align:right;
	border-top: 1px solid #EFEFEF;
}

.Footer li.cartDetails.subtotal .subtotalAmount {
	font-size:1.1em;
	padding-right:.5em;
}

.CartMenuSection li a:hover {
	text-decoration:none;
}

.Footer {
	clear:both;
	width:100%;
	max-width:100%;
}

.Footer ul {
	max-width:40em;
}

.CartOptionsSection {
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
	height:100%;
	width:15em;
	max-width:15em;
	padding-top:.4em;
}

.CartOptionsSection .btn {
	width: 10em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-bottom:.2em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	min-height:18px;
	padding: 0.5rem 0.75rem;
}

.CartOptionsSection .btn.btn-material-width {
	width: 11em;
	margin: 0px;
	height: 30px;
}

.CartOptionsSection.CartOptionsSectionMaterial > ul li {
    margin-top: 10px;
}

.favorites__search__strikethrough__price {
	background: linear-gradient(180deg,
	rgba(0,0,0,0) calc(50% - 1px),
	#767676 calc(50%),
	rgba(0,0,0,0) calc(50% + 1px)
	);
	color: #767676;
}

div.promotional-price-popover-content td {
	padding-top: 8px;
	padding-bottom: 8px;
}
.promotional-price-popover-footer,
div.promotional-price-popover-content div.readOnlyValue {
	font-size: 13px;
	color: #000000;
}
.promotional-price-popover-field {
	font-size: 13px;
	color: #767676;
}
.promotional-price-popover-field-cell {
	padding-right: 10px;
}
.promotional-price-popover-sum {
	border-top: solid 1px #000000;
}
.promotional-price-popover-footer {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.product__search__promotional__notice__favorites__dropdown,
.promotional-line-item-icon {
	width: 15px;
	height: 15px;
	color: #FFC100 !important;
	fill: #FFC100 !important;
	line-height: 15px !important;
	font-size: 15px !important;
}









a#Phoenix_Nav_Bookmarks_Invoker img.NotificationIcon {
	margin-right:0;
}

.BookmarksToggleSection li.toggleMode {
	height: 2.3em;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:1.1em;
	color:white;
	background-color:#FFFFFF;
	width:100%;
	padding-top: 0.3em;
	position:relative;
}

.BookmarksToggleSection li.toggleMode div#PHX_BookmarksMode,
.BookmarksToggleSection li.toggleMode div#bookmarkActionId {
	padding-left:.4em;
	display: inline-table;
}

.BookmarksToggleSection li.toggleMode div#bookmarkActionId {
	position: absolute;
	top:0.2em;
	right:0;
}

.BookmarksToggleSection ul {
	padding:0;
	margin:0;
}
.BookmarksSection h6,
.BookmarksSection h3,
.BookmarksSection li a {
	padding-left: 15px;
	padding-right: 15px;
}

.BookmarksSection h3 {
	font-size: 1rem;
}

.BookmarksSection,
.BookmarksSection li.active a,
#Phoenix_Nav_Bookmarks_Dynamic {
	background-color: #FFFFFF;
}

.UserActionsSection,
.BookmarksToggleSection {
	border-top: 1px solid #F4F4F4;
	padding:.5em 0;
	background-color: #FFFFFF;
}

.BookmarksSection li a {
	color: #1C1C1C;
	border-left: 3px solid #FFFFFF;
}

.BookmarksSection ul {
	list-style-type: none;
	background-color: #FFFFFF;
	padding: 0 0 .5em 0;
	margin: 0;
}

.BookmarksSection ul li {
	
	background-color: #FFFFFF;
}

.BookmarksSection ul li.active {
	background-color: #FFFFFF;
}

.BookmarksSection ul li.bookmarkEditItem {
	border-bottom: none;
	width:100%;
	position:relative;
	height: 28px;
}

.BookmarksSection .bookmarkEditLinkBox {
	width:325px;
	display:inline-block;
	cursor:move;
}

.BookmarksSection .bookmarkEditLinkBox .bookmarkName-edit,
.BookmarksSection .bookmarkToolbar > .bookmarkUpdateAction,
.BookmarksSection .bookmarkToolbar > .bookmarkCancelAction
{
	display:none;
}

.BookmarksSection .bookmarkEditLinkBox .bookmarkName-edit input {
	position:relative;
	top:2px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.BookmarksSection .bookmarkMoveAction,
.BookmarksSection .bookmarkEditLinkBox,
.BookmarksSection .editBookmark,
div.readOnlyValue div.bookmarkTitle {
	line-height: 1.8em;
	height: 2em;
	display: inline-block;
}

.BookmarksSection .editBookmark {
	width:27em;
	overflow:hidden;
	text-overflow:ellipsis;
}

.BookmarksSection .editBookmark img,
.BookmarksSection .bookmarkTitle img {
	max-width: 1em;
	padding-right:.5em;
	position:relative;
	top:2px;
}



.BookmarksSection .bookmarkMoveAction {
	float:left;
}

.BookmarksSection .bookmarkToolbar {
	display:inline-block;
	margin-right:.5em;
	position:absolute;
	top:4px;
	right:0;
}

.BookmarksSection .bookmarkToolbar .btn-link > i.halflings {
	color: #1C1C1C;
	line-height: 1.8em;
}

.BookmarksSection .bookmarkToolbar > * {
	display:inline-block;
	vertical-align:top;
}

.BookmarksSection .bookmarkToolbar > * + * {
	margin-left:.5em;
}

.BookmarksSection li .bookmarkToolbar a,
.BookmarksSection li .bookmarkToolbar a:hover,
.BookmarksSection li .bookmarkToolbar a:focus {
	border-left:0;
	height:auto;
}


.BookmarksSection li .bookmarkToolbar a {
	color: #ffffff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding:2px;
}

.BookmarksSection .bookmarkMove {
	padding: 0.3em 0.4em 0 0.4em;
	cursor:move;
}

.BookmarksSection .bookmarkMove img {
	vertical-align:top;
}

.bookmarkItem > a > .bookmarkTitle {
	width:35em;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.readOnlyValue div.bookmarkTitle {
	border-left:.5em solid #FFFFFF;
}

.BookmarksSection .editBookmark,
div.readOnlyValue div.bookmarkTitle {
	color: #1C1C1C;
}

div.readOnlyValue div.bookmarkTitle {
	padding-left: 15px;
}

.BookmarksToggleSection .toggleMode .btn-link {
  color:white; 
  text-shadow:none; 
  padding:2px 6px;
}

#BookmarksSection_PHX_SiteBookmarks {
	border-top: 1px solid #F4F4F4;
}
.homeConfiguration .title { 
	font-weight:bold; 
	padding-top:1em; 
}

.homeConfiguration .normal { 
	padding-left:18px;
}

.homeConfiguration .buttonRow { 
	display:block;
	padding:1.5em;
	text-align:center; 
}

.homeConfiguration .button { 
	display:inline-block; 
}


.row {
	margin:0;
	margin-left:0 !important;
}

.row.landingPageSection {
	margin-top:.75em;
	margin-bottom:1.0em;
	margin-left:0 !important;
}

div.landingPageSectionRow {
	min-height: 20px !important;
	margin-left: 0 !important;
}

div.landingPageOptionRow img {
	max-height: 1.2em;
}

.span1.landingPageSectionImage {
	min-width:40px;
	width:60px;
}

.span1.landingPagePageSectionImage {
	min-width:32px;
}

div.landingPageSectionHeader {
	text-decoration:none;
	color: #7ab262;
	line-height:15px;
	margin:0;
	font-size:1.4em;
	overflow:hidden;
	text-overflow:ellipsis;
}

div.landingPageSectionHeader a, .showAll { 
	color: #7ab262;
}

div.landingPageUserSectionHeader {
	color:#777;
	font-size:1.4em;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.5em;
}
div.landingPageUserSectionHeader a {
	color:#777;
}
div.landingPageUserSectionUser, div.landingPageUserSectionUser a {
	color:#777;
	font-size:0.9em;
	overflow:hidden;
	text-overflow:ellipsis;
}

.landingPageUserLinks {
	font-size: 0.9em;
}

div.landingPageUserSectionImage {
	float:left;
	margin:0 1em 0 1em;
	width:56px;
	height:56px;
	position:relative;
}
div.landingPageUserSectionImage img {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	border: 0;
}
div.landingPageSectionDisplay {
	margin-left:0.5em;
}


.row-fluid.profile .span4 {
  	min-width: 300px !important;
  	max-width:300px !important;
  	display: inline-block !important;
  	margin-left:0 !important;
}
.row-fluid.profile .span8 {
	display: inline-block !important;
	float: none !important;
	width:auto !important;
	min-width: 600px;
    max-width:1200px;
  	margin-left: 20px !important;
	margin-right: 5px !important;
	white-space: normal;
}


.row-fluid.profile {
  	display: inline-block !important;
  	float: none;
  	white-space: nowrap !important;
}

.container-fluid {
	padding-left:10px !important;
}

.span12 {
	width: 890px !important;
}



.notificationBadge {
  display:inline-block;
  font-size: 0.8em;
  font-weight:bold;
  color: #ffffff;
  white-space: nowrap;
  vertical-align: top;
  background-color: #999999;
  padding: 0px 3px 0.1em 3px;
   -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  border:1px Solid White;
  margin-left:0.5em;
  margin-top:0.2em;
  min-width:1em;
  text-align:center;
}

.NotificationMenuItem > .NotificationIcon + .notificationBadge {
	background-color: #dc291e;
	position:absolute;
	top:-13px;
	left:12px;
	border:none;
	margin:0;
	min-width:0;
	font-weight:normal;
	z-index:3;
	line-height: normal;
} 

.NotificationMenuItem.badgeLarge {
	padding-right: 1px;
}

.NotificationMenuItem.badgeMedium {
	padding-right: 1px;
}

.NotificationMenuItem.badgeSmall {
	padding-right: 1px;
}

.NotificationMenuItem.badgeMini {
	padding-right: 1px;
}

a.notificationBadge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.notificationBadge-important {
  background-color: #DA000F;
}
.NotificationMenuItem > .NotificationIcon + .notificationBadge.notificationBadge-important {
	background-color: transparent;
}
.NotificationMenuItem > .NotificationIcon + .notificationBadge.notificationBadge-important i.phxGlyph.phx.scicons {
	color: #9eadc1;
}
.NotificationMenuItem > .NotificationIcon + .notificationBadge.notificationBadge-important i.phxGlyph.phx.scicons:before {
	margin-left: -3px;
	font-size: 17px;
	z-index: 10;
}
.NotificationMenuItem > .NotificationIcon + .notificationBadge.notificationBadge-important i.phxGlyph.phx.scicons.dot-border:before {
	font-size: 26px;
	z-index: 5;
	left: -17px;
	top: -5px;
	color: #F4F4F4;
}

a.NotificationMenuItem:focus,
a.MenuItem:focus {
	outline: none;
}

  

.notificationBadge-important[href] {
  background-color: #DA000F;
}

.notificationBadge-action {
	background-color: #9eadc1;
  	position:absolute;
  	right:.5em;
	line-height: 20px;
	margin-top: 3px;
	width: 30px;
	padding: 0;
	border:none;
	font-weight: normal;
	font-size: 11px;
	        border-radius: 10px;
	   -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.notificationBadge.notificationBadge-important span.badge {
		color: white;
		background-color:#9eadc1;
		border: 2px solid #F4F4F4;
		border-radius: 0.75rem;
		font-size: 75%;
		font-weight: bold;
		line-height: 1;
		padding: 4px 2px;
		margin-top: 5px;
		margin-left: -10px;
		text-shadow: none;
		box-shadow: none;
		min-width: 20px;
	}
	li.Notifications .notificationBadge.notificationBadge-important {
		left: 12px;
	}




@media print {
	.Menu,																
	.Banner,															
	.NotificationBar,		
	.breadcrumb li.breadcrumbOrgName,									
	div.debugBar, 														
	div.well div.SubSectionTitleHelpLink A.Question {
		display: none;
	}
	body.phoenixBody {
		margin: 0;
	}
	
	DIV.modal { 
		position:static !important;
		margin:0 !important;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		bottom:auto !important;
		border:none;
		border-radius:0;
		box-shadow:none;
	}

	DIV.modal-header { 
		display:none;
	}
	
	DIV.modal-body {
		max-height:100% !important;
		overflow:visible !important;
		padding:0;
	}
	
	DIV.modal-footer { 
		display:none;
	}
}



.UIToggle {
	border: 1px Solid Silver;
	position: fixed;
	bottom: 24px;
	right: 3px;
	z-index: 5020;
	background: white;
	max-width: 250px;
	min-width: 250px;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	height: 31px;
	transition: height 1s;
}

.UIToggle__body {
	display: none;
	padding: 15px;
	font-size: 14px;
	text-align: left;
}

.UIToggle__body__description {
	padding-bottom: 15px;
	color: RGBA(0, 0, 0, .54);
}

.UIToggle__body__options {
	padding-bottom: 10px;
}

.UIToggle__body__options label {
	font-size: 13px;
}

.UIToggle__body__options .input-label-container label {
	margin-bottom: 0px !important;
}

.UIToggle__body__buttons {
	margin: 0px;
	display: flex !important;
	justify-content: flex-end !important;
}

.UIToggle__body__buttons__save,
.UIToggle__body__buttons__save:hover {
	margin: 0px;
	padding: 0px !important;
	margin-right: 10px;
	font-weight: bold;
	background-color: transparent;
	box-shadow: none;
	border: none;
	color: #0275d8;
	cursor: pointer;
}

.UIToggle__body__buttons__cancel,
.UIToggle__body__buttons__cancel:hover {
	margin: 0px;
	padding: 0px !important;
	font-weight: bold;
	color: RGBA(0, 0, 0, .54) !important;
	background-color: transparent;
	box-shadow: none;
	border: none;
	cursor: pointer;
}

.beta-icon:hover {
	        transform: translateY(-5px) scale(1.05);
	    -ms-transform: translateY(-5px) scale(1.05);
	-webkit-transform: translateY(-5px) scale(1.05);
}

.beta-icon {
	cursor: pointer;
	position: fixed;
	bottom: 33px;
	right: 15px;
	width: 50px;
	height: 50px;
	pointer-events: all;
	transition: all 150ms ease-in-out;
	perspective: 1000px;
	        backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	z-index:100;
}

.beta-icon:hover {
	box-shadow: 1px 1px 14px rgba(0,0,0,0.0.329412);
	-webkit-box-shadow: 1px 1px 14px rgba(0,0,0,0.0.329412);
}

.beta-icon a {
	background-size: 50px;
	height: 50px;
	width: 50px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	background-color: #3769db;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration:none;
	font-size: 18px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.20);
}

.beta-icon a svg {
	height: 24px;
}

.beta-icon a svg.btn-circle {
	fill: white !important;
}

div.UIToggle {
	display:none;
}

@media (-ms-high-contrast: active), (forced-colors: active) {
    .beta-icon a {
        background-color: Highlight;
    }

    .beta-icon a svg.btn-circle {
        fill: HighlightText !important;
    }
}



.chatLauncher {
	content:'';
	height: 50px;
	width: 50px;
	cursor: pointer;
	position: fixed;
	bottom: 33px;
	right: 70px;
	border-radius: 35px;
	background: #dddddd url('/app_docs/art/icons/assistant/chatbot-avatar-mini.svg') no-repeat 8px;
	background-size: 35px 35px;
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
	z-index:49;
}



.chatDialog {
    box-sizing: border-box;
    z-index: 50;
    margin: 0.5rem;
    width: 31rem;
    background: none repeat scroll 0 0 #f7f7f7;
    border-radius: 0.5rem;
    border: 1px solid #eeeeee;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    font-weight: normal;
    text-align: left;
    white-space: initial;
    line-height: 16px;
}

.chatDialog .inactive {
    opacity: 0.5;
    pointer-events: none;
}

.chatDialogHandle {
    background-color: #1C1C1C;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #FFFFFF;
    cursor: move;
    padding: 0.5rem 0.5rem 0.5rem 25px;
    display: flex;
    justify-content: end;
    border-bottom: 1px solid #ffffff;
}

#chatDialogTitle {
    display: inline-block;
    margin: 0.5rem 0;
    font-size: 1.0rem;
    flex-grow: 1;
}

.chatErrorMsg {
    background: #E3786A;
    color: white;
    padding: 0.5em;
    margin: 0.5em;
    border: 1px solid #d46f6f;
}



.chatDialogCnt {
    background-color: #ffffff;
    font-size: 0.8rem;
    font-weight: normal;
}

.chatBotBox {
    box-sizing: border-box;
    padding: 5px;
    background-color: #ffffff;
    width: 100%;
    height: 35em;
    overflow: auto;
}

#chatListenBox {
    background:#333333;
    color:#EEEEEE;
}

#chatListenText {
    text-align:center;
    padding:10px;
    font-size: 1rem;
    line-height: 1.2rem;
    height:5em;
}

#chatListenAnim {
    margin: 0 auto;
    width:280px;
    height:30px;
}

.chatUserImg {
	background: transparent url('/app_docs/art/icons/assistant/user.svg') no-repeat;
	margin-bottom: 6px;
}

.chatBubble {
    margin: 0.4em 0;
    min-height: 20px;
    width: 85%;
    background: #EBF4F7;
    padding: 7px;
    position: relative;
    border-radius: .7em;
    box-sizing: border-box;
    color: #1C1C1C;
}
.chatRecvMsg {
    background: #ffffff url('/app_docs/art/icons/assistant/chatbot-avatar-mini.svg') no-repeat 5px calc(100% - 7px);
    display: flex;
    flex-direction: row;
}
.chatRecvMsg .chatBubble {
    background: #F4F4F4;
    margin-left:32px;
    margin-right:50px;
}
.chatBox.chatRecvList {
    margin-left: 27px;
    margin-right: 32px;
}

.chatSentMsg .chatUserImg {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-size: 25px 25px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
}

.chatSentMsg {
	display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}
.chatSentMsg .chatBubble {
    background: #DFF2FF;
    margin-right:7px;
    margin-left:50px;
}


.chatTypeBox {
    background: #F4F4F4;
    border:0;
	display: flex;
    align-items: center;
    height: 3.6em;
	justify-content: space-around;
	padding: 0 10px;
}
.chatTypeBox input {
    box-sizing: border-box;
    flex-grow: 1;
    background: transparent;
    border-color:transparent;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
}
.chatTypeBox input::placeholder {
    color:#767676;
    font-size:13px;
    font-style: normal;
}
.chatTypeBox input:focus {
    border-color: transparent;
	outline: none;
    background-color: white;
}

.chatSelect {
    border:1px solid #eeeeee;
    background:#eeeeee;
    padding:5px;
}
.chatSelect select {
    width:90%;
}
.chatSelectListControl {
    margin-top:5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#chatSelectBoxContent {
    width:80%;
}
#chatSelectBoxContent select {
	display: block !important;
	width:100%;
}

ul.chatSuggestion {
    margin-right: 1rem;
}

ul.chatSuggestion li {
    display:inline-block;
    cursor:pointer;
    background: none repeat scroll 0 0 #ffffff;
    color: #3F6FDC;
    border: 1px solid #3F6FDC;
    border-radius: 0.5rem;
    margin: 0.3rem;
    padding: 0.4rem 0.5rem;
    min-width: 2.5rem;
}
ul.chatSuggestion li:hover {
    color: white;
    background-color: #3F6FDC;
}

ul.chatSuggestion.inactive {
    opacity: 0.7;
}
ul.chatSuggestion.inactive li {
    background-color: #f4f4f4;
    color: #B0B0B0;
    border-color: #f4f4f4;
    cursor: default;
}

.tblBox {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background: #f4f4f4;
    margin-right: 3.2rem;
}

ul.ast-main-list {
    list-style: none outside none;
    padding: 0;
    box-sizing: border-box;
    margin: 5px 0 0 0;
}

li.ast-section > div {
    display: flex;
    flex-direction: column;
    padding: 5px 10px 5px 5px;
}

li.ast-section {
    background: #ffffff;
    margin-bottom: 5px;
    border: 1px solid #E8E8E8;
    border-left: 3px solid #e8e8e8;
    display: block;
}
li.ast-section:hover {
    border-left: 3px solid #3F6FDC;
    cursor: pointer;
}
li.ast-section.no-link:hover {
    border-left: 3px solid #e8e8e8;
    cursor: default;
}

.ast-section-title {
    max-width: 390px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}
.ast-section-record {
    display: flex;
    justify-content: space-between;
    line-height: 24px;
}
.ast-section-record > div {
    display: flex;
}

.ast-label {
    font-weight: 700;
    margin-right: 5px;
    margin-left: 5px;
    white-space: nowrap;
}

li.ast-section.inactive {
    opacity: 0.7;
    background-color: #f4f4f4;
}
li.ast-section.inactive:hover {
    border-left: 3px solid #e8e8e8;
    cursor: default;
}

div.ast-guided-help {
	padding: 0.3em;
}

div.ast-guided-help span {
    background: #edd1d9;
    color: black;
    border-radius: 0.5em;
    padding: 0.2em 0.5em;
}

div.ast-guided-help span:hover {
    background: #ec2059;
    color: white;
    cursor: pointer;
}


.chatRespParamTbl tr th,
.chatRespParamTbl tr td,
.chatRespTblList tr th,
.chatRespTblList tr td {
    padding: 5px;
    font-size: 0.8rem;
}

.chatRespParamTbl tr th, .chatRespParamTbl tr td { border:0;}
.chatRespParamTbl tr td:first-of-type {
    font-weight: 700;
}

.paramBox {
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background: #f4f4f4;
}
.paramBox.inactive {
    opacity: 0.7;
}
.chatRespParamTbl {
    border-spacing: 0;
    padding-left: 15px;
}
.chatRespParamHdr {
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    background: transparent url('/app_docs/art/icons/assistant/filter-collapsed.png') no-repeat right center;
    background-position: calc(100% - 5px) center;
}
.chatRespParamHdr.expanded {
    background: transparent url('/app_docs/art/icons/assistant/filter-expanded.png') no-repeat right center;
    background-position: calc(100% - 5px) center;
}


.linkDiv {
    border: 1px solid #ffeecc;
    padding: 0.2rem;
    border-top: 1px transparent;
    border-radius: 0.5rem;
    background: #fff8f0;
    color: black;
    cursor: pointer;
}

.linkDiv:hover {
    background: #ffeecc;
}

/* Base class for chat buttons */
button.chatButton {
    content:'';
    border:0;
}

.chatButton {
    content:' ';
    background: transparent;
    width:34px;
    height:24px;
	border-radius: 0.9rem;
	font-size: 20px;
	color: #969696;
}
.chatButton span {
    display:none;
}
.chatButton:hover {
    background: transparent;
    cursor:pointer;
}
.chatButton.inactive {
    opacity: 1;
}


#chatCloseButton, #chatCancelButton {
    background: transparent url('/app_docs/art/icons/assistant/close_white.svg') no-repeat center center;
    background-size: 16px;
}
#chatCloseButton:hover, #chatCancelButton:hover {
    background: transparent url('/app_docs/art/icons/assistant/close--hover.svg') no-repeat center center;
    background-size: 16px;
}


#sendButton {
    background: transparent url('/app_docs/art/icons/assistant/send.svg') no-repeat center center;
}
#sendButton:hover {
    background: transparent url('/app_docs/art/icons/assistant/send--hover.svg') no-repeat center center;
    background-size: 24px;
}


#micButton {
    background: transparent url('/app_docs/art/icons/assistant/microphone.svg') no-repeat center center;
}
#micButton:hover {
    background: transparent url('/app_docs/art/icons/assistant/microphone--hover.svg') no-repeat center center;
    background-size: 24px;
}


#keyboardButton {
    background: transparent url('/app_docs/art/icons/assistant/microphone.svg') no-repeat center center;
}
#keyboardButton:hover {
    background: transparent url('/app_docs/art/icons/assistant/microphone--hover.svg') no-repeat center center;
    background-size: 24px;
}


#spkrButton {
    background: transparent url('/app_docs/art/icons/assistant/speaker_white.svg') no-repeat center center;
    background-size: 16px;
}
#spkrButton:hover {
    background: transparent url('/app_docs/art/icons/assistant/speaker--hover.svg') no-repeat center center;
    background-size: 16px;
}

#spkrButton.off {
    background: transparent url('/app_docs/art/icons/assistant/speaker_white-off.svg') no-repeat center center;
    background-size: 16px;
}
#spkrButton.off:hover {
    background: transparent url('/app_docs/art/icons/assistant/speaker-off--hover.svg') no-repeat center center;
    background-size: 16px;
}


@keyframes shadow-pulse
{
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}

.recording {
    animation: shadow-pulse 1s infinite;
}



#openFeedbackButton {
    margin-right: 3.2rem;
    padding: 2px 5px;
    color: #3F6FDC;
    float:right;
}
#openFeedbackButton:hover {
    color: #3F6FDC;
    cursor: pointer;
	text-decoration: underline;
}

.ast-fdbk-form {
    height: 322px;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    border-radius: 7px;
	padding: 10px;
	margin-top: 3px;
}
.ast-fdbk-form > form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ast-fdbk-textfield {
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 14px;
}
.ast-fdbk-btnfield {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    width: 200px;
}
.ast-fdbk-textarea + .ast-fdbk-btnfield {
    width: 100%;
}
.ast-fdbk-textarea textarea {
    background-color: #ffffff;
    border: 0;
    width: 395px;
    height: 130px;
    resize: none;
}
.ast-fdbk-textarea textarea:focus {
    outline: none;
}
button.ast-fdbk-btn {
    height: 30px;
    border: 0;
    background: #f4f4f4;
    border-radius: 3px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ast-fdbk-btn:hover {
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
.ast-fdbk-btn:focus {
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    outline: none;
}
button.ast-fdbk-btn.ast-fdbk-btn--primary {
    background-color: #426DA9;
    color: #ffffff;
}

.ast-fdbk-btn--rate a.ast-fdbk-btn {
    height: 40px;
    width: 40px;
    background-color: #ffffff;
    border: 0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -4000px;
    overflow: hidden;
}
a.ast-fdbk-btn.ast-fdbk-btn--positive {
    background: url('/app_docs/art/icons/assistant/positive_feedback.png') center center no-repeat #ffffff;
}
a.ast-fdbk-btn.ast-fdbk-btn--negative {
    background: url('/app_docs/art/icons/assistant/negative_feedback.png') center center no-repeat #ffffff;
}
a.ast-fdbk-btn.ast-fdbk-btn--negative.selected{
    background: url('/app_docs/art/icons/assistant/negative_feedback--white.png') center center no-repeat #E3786A;
}
a.ast-fdbk-btn.ast-fdbk-btn--positive.selected {
    background: url('/app_docs/art/icons/assistant/positive_feedback--white.png') center center no-repeat #91D780;
}


.DynamicFlowErrorWrapper {
	display: flex;
	align-content: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	text-align: center;
	background-color: white;
}

.DynamicFlowErrorWrapper img {
	align-self: center;
}

.DynamicFlowErrorWrapper .variant-h2 {
	padding-top: 22px;
}

.DynamicFlowErrorWrapper .variant-p {
	padding-top: 9px;
}

.DynamicFlowErrorWrapper p {
	padding-top: 14px;
}

.DynamicFlowErrorWrapper button {
	line-height: 15px;
}



@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.mosaic-skeleton {
	animation: skeleton-loading .5s linear infinite alternate;
}

.mosaic-skeleton--rectangle {
	border-radius: 5px;
}

.mosaic-skeleton--circle {
	border-radius: 50%;
}