/* body,
html {
	min-height: 100%
} */


html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  max-width: 100vw;
  text-rendering: optimizeLegibility;
}


body {
	position: relative;
}

nav.ni-wrapper-header {
	background: #fff;
	height: 72px;
	padding: 0 10px;
	position: relative;
	z-index: 1000;
}

.ni-wrapper-header .no-overflow {
	overflow: hidden;
}

.ni-wrapper-header ul {
	list-style-type: none;
}

.ni-wrapper-header a {
	color: #008053;
	font-family: FoundersGrotesk, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	padding: 0 12px;
	text-decoration: none;
}

li.nia-menu-item.nia-utils.header-icon {
	order: 2;
	display: block;
	width: auto;
	justify-content: flex-end;
}


.ni-wrapper-header .account-content {
	background-color: #f5f5f5;
	display: none;
	min-width: 180px;
	object-fit: contain;
	padding: 25px 0 20px 0;
	position: absolute;
    right: 61px;
    text-align: left;
	top: 80px;
	 z-index: -1; /*tucks box slightly under main nav to deal with inconsistent heights  */
}

.nia-menu-item.nia-utils.header-icon .account-content .my-account-link{
    display: block;
    margin-bottom: 5px;
}

.nia-menu-item.nia-utils.header-icon .account-content .logout-link{
    display: block;
}

.ni-megamenu-mobile .logout-mobile {
	position: fixed;
	width: 100%;
	bottom: 15px;
}

.ni-megamenu-mobile .back-button {
	padding-bottom: 20px;
	margin-left: 5px;
	display: flex;
	align-items: center;
}

.ni-megamenu-mobile .back-button .glyphicon-menu-left {
	padding-right: 10px;
}

.ni-megamenu-mobile .back-button .open-list {
	margin-left: 0;
	padding-left: 0;
	line-height: 1;
}

.ni-megamenu-mobile .ni-wrapper-mobile-account-back {
	margin-left: 14px;
}

.nia-menu-item.nia-utils.header-icon .account-content a {
	color: #03b585;
	font-family: FoundersGrotesk;
	font-size: 16px;
	line-height: 2.31;
	padding: 0 16px 0 16px;
	text-decoration: none;
}

.ni-wrapper-header .account-link.hover {
	border-bottom: 2px solid #044123;
}

.ni-wrapper-header .account:not(.hidden-xs):hover .account-content,
.ni-wrapper-header .account:not(.hidden-xs):active .account-content,
.ni-wrapper-header .account:not(.hidden-xs):focus .account-content,
.ni-wrapper-header .account:not(.hidden-xs).open .account-content {
	display: block;
}


li.nia-menu-item.nia-utils.header-icon svg,
.wrapper-search-form button svg {
	display: inline-block;
	fill: none;
	height: 27px;
	position: relative;
	stroke-width: 2.29;
	stroke: #044123;
    vertical-align: baseline;
	width: 29px;
  }

  .nia-menu-item.nia-utils.header-icon svg:active,
  .nia-menu-item.header-icon > a:active svg,
  .nia-menu-item.header-icon > * > a:active svg,
  .wrapper-search-form button:active svg {
	  stroke: #ccdcc8;
  }


  li.nia-menu-item.nia-utils.cart-badge {
    z-index: 10;    /** because it's obvious cart is behind searchbox when "focused" **/
    position: relative;    /* make sure the cart count badge is positioned relatively to the cart icon */
}

.ni-wrapper-header .cart-badge[data-badge]:after {
	background: #044123;
    border-radius: 50%;
    color: #f4f4f4;
    content: attr(data-badge);
    font-family: FoundersGrotesk;
    font-size: 12px;
    font-weight: 500;
    height: 18px;
    line-height: 16px;
    min-width: 18px;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: -1px;
	width: auto;
}

.ni-wrapper-header .cart-badge[data-badge~="0"]:after {
	display: none;
}

.ni-wrapper-header .cart-badge[data-badge]:active::after {
	background: #ccdcc8;
}

.nia-menu-item.mega-dropdown > a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23008053' height='8px' width='8px' version='1.1' viewBox='0 0 407.437 407.437'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815 '/%3E%3C/svg%3E");
	padding-left: 7px;
	vertical-align: -1px;
}

.ni-wrapper-header .flex-container li.nia-menu-item {
	font-size: 16px;
	line-height: 1.5;
    margin-bottom: 0;
	padding: 15px 0;
	white-space: nowrap;
}

ul.flex-container {
	margin-left: 0;
	padding-left: 0;
}

.ni-wrapper-header .toggle a {
	font-size: 20px;
}

.ni-wrapper-header li.ni-logo a {
	display: block;
	height: 72px;
	margin: 0;
	padding: 0;
	width: 72px;
	cursor: pointer;
	background-image: url(https://ni.scene7.com/is/image/ni/logo_2020?fmt=png-alpha);
	background-position: 22px 31px;
	background-repeat: no-repeat;
	background-size: 55%;
}


/* Mobile menu */

.ni-wrapper-header .flex-container {
	background-color: white;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	position: relative;
}

.ni-wrapper-header .flex-container.searchbox-open {
    border: 2px solid #03b585;
    box-shadow: 0 4px 15px 0 #8ad0c8;
}

nav.ni-wrapper-header.nav-scroll-rev {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: top 0.2s ease-in-out;
}

body.nav-scroll-rev {
    padding-top: 97px;
}

nav.ni-wrapper-header.nav-scroll {
	top: -97px;
}

.ni-wrapper-header li.ni-logo {
	transition: left 0.5s ease .5s;
}

.ni-wrapper-header li.ni-logo.active {
	position: absolute;
	left: -98px;
}

.ni-wrapper-header .toggle {
	order: 1;
	padding: 0 15px;
	transition: left 0.5s ease .5s;
}

.ni-wrapper-header .toggle.active {
	order: 1;
	padding: 0 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}

.ni-wrapper-header .toggle .icon-bar {
	background-color: #044123 !important;
	display: block;
	height: 2px;
	width: 22px;
	margin-right: 0 !important;
}

.ni-wrapper-header .toggle .icon-bar+.icon-bar {
	margin-top: 4px;
}

li.nia-menu-item.spacer {
	order: 2;
	display: inline-flex;
	width: auto;
	flex-grow: 1;
}

.nia-menu-item .nia-utils {
	order: 1;
}

.nia-menu-item {
	width: 100%;
	text-align: left;
	order: 3;
	display: none;
}


@media screen and (max-width: 1119px) {

	nav.ni-wrapper-header {
		padding: 0;
	}

	.ni-wrapper-header .flex-container {
		position: relative;
	}
	.ni-wrapper-header .header-menu {
		padding-left: 0;    /* Undo browser stylesheet */
		display: flex;
		flex: 2;
		order: 2;
		background-color: #fff;
	}
	.header-menu.active {
		order: -1;
		flex-wrap: wrap;
		position: relative;
		left: 0;
	}
	.ni-wrapper-header .flex-container li.nia-menu-item:nth-of-type(1) {
		margin-top: 20px
	}

	li.mobile-spacer {
		display: flex;
		width: auto;
		flex-grow: 9;
		order: 2;
	}
	li.mobile-spacer.active {
		display: none;
	}
	.ni-wrapper-header .toggle {
		order: 1;
		padding: 0 15px;
		transition: left 0.5s ease .5s;
		flex: 1;
	}
	li.nia-menu-item.nia-utils.header-icon.cart-badge {
		background-size: 70%;
		background-position: 0 26px;
		position: absolute;
		top: 7px;
		right: 0;
		z-index: 9;

	}

	li.nia-menu-item.wrapper-search {
		background-position: 0 20px;
		background-size: 70%;
		order: 0;
		position: absolute;
		right: 65px;
		top: 8px;
	}

	li.nia-menu-item.nia-utils.header-icon.wrapper-search.active {
		background-position-y: 26px;
	}
	.ni-wrapper-header .hidden-xs {
		display: none!important
	}
	/* Hide Account icon on mobile */
	li.nia-menu-item.nia-utils.header-icon.account {
		display: none;
	}
	/* ANIMATION FOR X TO HAMBURGER MENU */
	.ni-wrapper-header .toggle .icon-bar {
		transition: all .25s
	}
	.ni-wrapper-header .toggle.active .icon-bar:first-child {
		margin-top: 6px;
		transform: rotate(-45deg);
	}
	.ni-wrapper-header .toggle.active .icon-bar:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.ni-wrapper-header .toggle.active .icon-bar:nth-child(3) {
		margin-top: -8px!important;
		transform: rotate(45deg);
	}

	.ni-wrapper-header li.ni-logo a {
		background-position: 16px 22px;
	}

	/**for SAAS wrappers**/
 #ni-vis-head {
    position: relative;
    z-index: 10;
}
	
}


/* Desktop menu */

@media all and (min-width: 1120px) {
	nav.ni-wrapper-header {
		height: 97px;
		background-color: #fff;
	}
	.ni-wrapper-header .flex-container {
		max-width: 1440px;
		margin: auto;
	}
	.ni-wrapper-header .header-menu {
		padding-left: 10px;
		display: flex;
		flex-wrap: wrap;
		flex: 1;
		justify-content: space-between;
		order: 1;
		position: relative;
	}

	.ni-wrapper-header .header-menu-container {
		flex: 1;
	}

	.ni-wrapper-header li.mega-dropdown {
		display: block;
	}

	.nia-menu-item > a,
	.nia-menu-item > * > a	{
        padding: 35px 12px 42px;
    }
 
    .nia-menu-item > a:lang(ja),
    .nia-menu-item > * > a:lang(ja) {
        padding: 35px 10px 42px;
    }
	
    .nia-menu-item > a,
    .nia-menu-item > a:hover,
    .nia-menu-item > a:active,
    .nia-menu-item > a:focus,
    .nia-menu-item > * > a,
    .nia-menu-item > * > a:hover,
    .nia-menu-item > * > a:active,
    .nia-menu-item > * > a:focus {
        text-decoration: none;
        outline: 0;  
    }

	.nia-menu-item.nia-utils a {
		padding: 35px 16px 42px;
	}

	.nia-menu-item.nia-utils.header-icon a {
		padding: 44px 17px 33px 17px;
	}

	/* ACCESSIBILITY */

	body.using-mouse :focus {
		outline: none !important;
	}

	.nia-menu-item > a:focus,
	.nia-menu-item > * > a:focus,
	.nia-menu-item.nia-utils.header-icon a:focus, 
	.ni-wrapper-header li.ni-logo a:focus,
	.footer-body .section-links li a:focus,
	.ni-megamenu-desktop a:focus,
	.footer-body a:focus,
	.socialIcons a:focus > i,
	.ni-megamenu-desktop .ni-live-image a:focus > img {
	outline: 2px solid #03B585;
	}

	.footer-body .section-links li a:focus, 
	.footer-body a:focus, .ni-megamenu-desktop a:focus,
	.ni-megamenu-desktop a:focus,
	a.analytics-headeraccount-link:focus,
	.socialIcons a:focus > i  {	
		outline-offset: 3px;		
	}

	.ni-megamenu-desktop .ni-live-image a:focus {
		outline-offset: 0;
	}
	
	li.nia-menu-item > a:focus,
	li.nia-menu-item > * > a:focus {
		outline-offset: -5px;
	}	

	.ni-wrapper-header .ni-rebrand-button a:focus {
		outline: 0;
		border: 2px solid #03B585;
	}

	.wrapper-search-form.active .autoCompleteItem-global>button[type=submit]:focus,
	.wrapper-search-form.active .autoCompleteItem-global>button[type=reset]:focus {
	outline: 2px solid #03b585;
	outline-offset: 2px;
	}
	
	.wrapper-search-form.active button.close.active:focus {
		outline-offset: 4px;
	}

	.socialIcons a:focus {
		outline: 0;
	}

	body.using-mouse .socialIcons a:focus>i,
	body.using-mouse .wrapper-search-form.active .autoCompleteItem-global>button[type=submit]:focus,
	body.using-mouse .wrapper-search-form.active .autoCompleteItem-global>button[type=reset]:focus {
		border: 0;
		outline: 0 !important;
	}

	.nia-menu-item {
		display: block;
		width: auto;
	}
	.ni-wrapper-header .toggle {
		display: none;
	}
	.ni-wrapper-header li.ni-logo a {
		display: block;
		height: 97px;
		margin: 0;
		padding: 0;
		width: 97px;
	}
	.nia-menu-item {
		order: 1;
	}
	.ni-wrapper-header .spacer {
		flex: 1;
	}
	.nia-utils {
		order: 2;
	}
	.ni-wrapper-header .flex-container li {
		padding: 0;
	}
	.ni-wrapper-header .flex-container li.nia-utils {
		padding-right: 0;
	}

	.nia-menu-item > a:hover,
	.nia-menu-item > a:focus,
	.nia-menu-item > * > a:hover,
	.nia-menu-item > * > a:focus {
		border-bottom: #044123 2px solid;
		color: #008053;
		text-decoration: none;
	}

	.nia-menu-item > a.dropdown-toggle:active,
	.nia-menu-item.header-icon > a:hover,
	.nia-menu-item.header-icon > * > a:hover  {
		border-bottom: 2px solid #044123;
	}

	.nia-menu-item.header-icon > a:active,
	.nia-menu-item.header-icon > * > a:active {
		border-bottom: 2px solid #044123;
		color: #ccdcc8;
	}
	.nia-menu-item.header-icon.account > a:active {
		border-bottom: 2px solid #044123;
	}

	/* Hide Account mobile account link on desktop */
	.nia-menu-item.nia-utils.account-mobile {
		display: none;
	}

}


/* MEGA MENU */

.ni-wrapper-header li.dropdown.mega-dropdown {
    position: static;
}

.mega-dropdown-menu {
	display: none;
	border-radius: 0;
	margin: 0 0 2px 0;
	padding: 0 0 5px 0;
	top: 78px;
	z-index: -1; /*tucks dropdown slightly under main nav to deal with inconsistent heights  */
	border: 0;
	background-color: #f4f4f4;
	box-shadow: none;
	width: 100%;
	position: absolute;
	left: 0;
	float: left;
	min-width: 160px;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-clip: padding-box;
}

.mega-dropdown.ni-wrapper-mega-dropdown-open > .mega-dropdown-menu {
	display: block;
}

li.nia-menu-item.mega-dropdown.ni-wrapper-mega-dropdown-open>a {
	border-bottom: 2px #044123 solid;
}

#monogram {
	color: #03b585;
	display: inline-block;
	font-weight: 500;
	text-align: center;
	width: 31px;
	position: relative;
	z-index: 0;
}

#monogram:before {
	content: ' ';
	background-color: #f5f5f5;
	border-radius: 50%;
	display: inline-block;
	left: 0;
	height: 31px;
	width: 31px;
	position: absolute;
	z-index: -1;
	top: -3px;
}

/* Hide the fallback link if the "real" Qualtrics link could load. */
.site-feedback-fallback-content:has(+ .QSILink) {
	display: none;
}

/* PNX ONLY STYLES */

.pnx-page-wrap.grid16 {
	width: 100%;
}

.pnx-form INPUT,
.pnx-form INPUT.pnx-inline-input,
.pnx-form SELECT,
.pnx-form SELECT.pnx-inline-input,
.pnx-form TEXTAREA,
.pnx-form TEXTAREA.pnx-inline-input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pnx-page-wrap .pnx-content {
	min-height: 400px;
	height: auto !important;
	margin: 20px auto 0;
	width: 980px !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}