/* NAVIGATION */
#mobile-navigation-bar {
  align-items: stretch;
  background: #F8F8F8;
  border-bottom: 1px solid #E3E3E3;
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
}
#mobile-navigation-menu-toggle {
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: #313131;
  height: 3.25em;
  margin: 0 -.5em 0 0;
  padding: 0 .5em;
  text-decoration: none;
  width: 2.25em;
}
#mobile-navigation-logo {
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: #313131;
  display: block;
  height: 3.25em;
  margin: 0 0 0 -1em;
  padding: 0 1em;
  position: relative;
  text-decoration: none;
  width: 3.75em;
}
#mobile-navigation-logo img,
#mobile-navigation-logo svg {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-height: 1.75em;
  max-width: 1.75em;
  position: absolute;
  right: 0;
  top: 0;
}
#mobile-navigation-search {
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: #313131;
  height: 3.25em;
  padding: 0 1em;
  text-decoration: none;
}
#header {
  background: #F8F8F8;
  border-bottom: 1px solid #CDCDCD;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.admin-bar #header {
  margin-bottom: -3.25em !important;
  position: sticky;
}
#header::before {
  background: rgb(5, 36, 85);
  background: -moz-linear-gradient(left, rgb(5, 36, 85) 1.79%, rgb(14, 85, 158) 50.7%, rgb(5, 36, 85) 97.69%);
  background: -webkit-gradient(linear, left top, right top, color-stop(1.79%, rgb(5, 36, 85)), color-stop(50.7%, rgb(14, 85, 158)), color-stop(97.69%, rgb(5, 36, 85)));
  background: -webkit-linear-gradient(left, rgb(5, 36, 85) 1.79%, rgb(14, 85, 158) 50.7%, rgb(5, 36, 85) 97.69%);
  background: -o-linear-gradient(left, rgb(5, 36, 85) 1.79%, rgb(14, 85, 158) 50.7%, rgb(5, 36, 85) 97.69%);
  background: -ms-linear-gradient(left, rgb(5, 36, 85) 1.79%, rgb(14, 85, 158) 50.7%, rgb(5, 36, 85) 97.69%);
  background: linear-gradient(to right, rgb(5, 36, 85) 1.79%, rgb(14, 85, 158) 50.7%, rgb(5, 36, 85) 97.69%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#052455', endColorstr='#052455', GradientType=1);
  content: '';
  display: none;
  height: .6875em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#skip-nav {
  background: #fff;
  color: #313131;
  font-weight: 600;
  padding: .75em 1.5em;
  text-decoration: none;
  z-index: 1;
}
#header-center {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 120em;
  padding: 0 1em;
  position: relative;
  width: 100%;
}
#navigation {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(.9375em);
  -webkit-backdrop-filter: blur(.9375em);
  display: none;
  left: 0;
  height: 100vh;
  max-width: 120em;
  overflow: auto;
  padding: 2.1875em 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.admin-bar #navigation {
  height: calc(100vh - 2.875em);
  top: 2.875em;
}
.mobile-navigation-close {
  background: #DE2516 url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.99896 4.75729L1.34479 7.41146C1.24549 7.51076 1.1191 7.56042 0.965625 7.56042C0.812153 7.56042 0.685764 7.51076 0.586458 7.41146C0.487153 7.31215 0.4375 7.18576 0.4375 7.03229C0.4375 6.87882 0.487153 6.75243 0.586458 6.65313L3.24063 3.99896L0.586458 1.34479C0.487153 1.24549 0.4375 1.1191 0.4375 0.965625C0.4375 0.812153 0.487153 0.685764 0.586458 0.586458C0.685764 0.487153 0.812153 0.4375 0.965625 0.4375C1.1191 0.4375 1.24549 0.487153 1.34479 0.586458L3.99896 3.24063L6.65313 0.586458C6.75243 0.487153 6.87882 0.4375 7.03229 0.4375C7.18576 0.4375 7.31215 0.487153 7.41146 0.586458C7.51076 0.685764 7.56042 0.812153 7.56042 0.965625C7.56042 1.1191 7.51076 1.24549 7.41146 1.34479L4.75729 3.99896L7.41146 6.65313C7.51076 6.75243 7.56042 6.87882 7.56042 7.03229C7.56042 7.18576 7.51076 7.31215 7.41146 7.41146C7.31215 7.51076 7.18576 7.56042 7.03229 7.56042C6.87882 7.56042 6.75243 7.51076 6.65313 7.41146L3.99896 4.75729Z" fill="white"/></svg>') no-repeat center;
  background-size: .5em auto;
  border: none;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 1.625em;
  padding: 0;
  position: absolute;
  right: 1em;
  text-decoration: none;
  top: 1em;
  width: 1.625em;
  z-index: 12;
}
.header-center-left {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  justify-content: flex-start;
  position: relative;
}
#navigation-search-wrap {
  display: block;
}
.nav-brand,
.nav-resources-dropdown,
.navigation-link {
  color: #313131;
  cursor: pointer;
  display: block;
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.111em;
  margin: 0;
  padding: .5353em 1.318em;
  text-decoration: none;
}
.nav-brand svg {
  display: none;
}
.nav-brand br,
.nav-resources-dropdown br,
.navigation-link br {
  display: none;
}
.mobile-navigation-quick-link-wrap {
  display: block;
  margin: 1.25em 0 0 0;
  padding: 1.25em 0 0 0;
  position: relative;
  width: 100%;
}
.mobile-navigation-quick-link-wrap::before {
  border-top: 1px solid #D9D9D9;
  content: '';
  display: block;
  left: 1.8125em;
  position: absolute;
  top: 0;
  width: calc(100% - 3.625em);
}
.mobile-navigation-quick-link {
  align-items: flex-start;
  color: #313131;
  display: flex;
  font-size: 1em;
  font-weight: 500;
  gap: .75em;
  justify-content: flex-start;
  line-height: 1.125em;
  padding: .65625em 1.8125em;
  position: relative;
  text-decoration: none;
}
.mobile-navigation-quick-link-icon {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 1.125em;
}
.mobile-navigation-quick-link-icon svg {
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: top;
  width: auto;
}
#navResourcesDropdown {
  align-items: stretch;
  background: #fff;
  border: none;
  border-radius: 1.875em;
  box-shadow: 0 .25em 1.5625em rgba(0, 0, 0, .1);
  justify-content: flex-start;
  height: 31em;
  left: 5em;
  margin: 0;
  max-width: calc(100vw - 11em);
  overflow: hidden;
  padding: 0;
  position: fixed;
  top: 6em;
  transform: none;
}
.admin-bar #navResourcesDropdown {
  top: 8em;
}
#navResourcesLink:hover + #navResourcesDropdown,
#navResourcesDropdown:hover {
  display: flex;
}
.dropdown-menu-column {
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin: 1.72em 1em 1.72em 0;
  position: relative;
}
.dropdown-menu-column:first-child {
  background: #F9F9F9;
  border-right: 1px solid #DEDEDE;
  flex-shrink: 0;
  margin: 0;
  padding: 1.5625em 1.375em;
}
.dropdown-menu-column:nth-child(2) {
  flex: 1 0 auto;
  min-width: 17em;
}
.dropdown-menu-category-button {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: .44444em;
  color: #313131;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25em;
  margin: 0;
  padding: .7639em .7778em;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 14.5em;
}
.dropdown-menu-category-button:hover,
.dropdown-menu-category-button:focus-visible {
  background: #E4E4E4;
}
.dropdown-menu-column-product {
  display: none;
  width: 18em;
}
.nav-dropdown-product-family {
  color: #313131;
  display: block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.2em;
  padding: .75em 2.5em;
  position: relative;
  text-decoration: none;
}
.nav-dropdown-product-family-count {
  color: #757575;
  display: block;
  font-size: .6667em;
  line-height: 1.2em;
  margin: 0;
  position: relative;
}
.nav-dropdown-product-header {
  align-items: center;
  display: flex;
  gap: 2em;
  justify-content: flex-start;
  margin: 0 0 .75em 0;
  padding: 0 2.1875em;
  position: relative;
  width: 100%;
}
.nav-dropdown-product-header-title {
  display: block;
  font-size: 1.3333em;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0;
  position: relative;
}
.nav-dropdown-product-count {
  color: #757575;
  display: block;
  font-size: .75em;
  line-height: 1.2em;
  margin: 0;
  position: relative;
}
.nav-dropdown-product-header-button {
  appearance: none;
  background: transparent;
  border: 1px solid #AEAEAE;
  border-radius: 5em;
  color: #313131;
  display: inline-block;
  font-size: .75em;
  line-height: 1.402em;
  padding: .3em .9em;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
}
.nav-dropdown-product-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-dropdown-product-list a {
  color: #313131;
  display: block;
  font-size: .875em;
  line-height: 1.25em;
  /* max-width: 16.2em; */
  padding: .25em 2.5em;
  position: relative;
  text-decoration: none;
}
.nav-dropdown-product-list a:hover,
.nav-dropdown-product-list a:focus-visible {
  color: #DE2516;
  text-decoration: underline;
}
.dropdown-subject-area-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.dropdown-subject-area-list li {
  color: #000;
  display: block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25em;
  padding: 0;
  position: relative;
}
.dropdown-subject-area-list li a {
  color: inherit;
  display: block;
  padding: .375em 2.1111em;
  text-decoration: none;
}
#navigation-search-wrap {
  max-width: 25em;
  z-index: 1;
}
#navSearch {
  appearance: none;
  background: #fff;
  border: 1px solid #CECECE;
  border-radius: 5em;
  color: #313131;
  font-size: .875em;
  font-weight: 500;
  line-height: 1.111em;
  padding: .553em 3.333em .553em 1.125em;
  position: relative;
  width: 100%;
  z-index: 1;
}
#navSearchSubmit {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: #313131;
  height: 1.8125em;
  position: absolute;
  right: .125em;
  top: .125em;
  width: 1.8125em;
  z-index: 1;
}
#navSearchSubmit svg,
#navSearchSubmit svg path {
  fill: #313131;
  height: .8125em;
  width: .8125em;
}
.searchoption {
  position: relative;
  z-index: 2;
}
#search-modal {
  background: #fff;
  border-radius: 1.5em;
  box-shadow: 0 .25em 1.25em rgba(0,0,0,.1);
  /* display: none; */
  display: flex;
  flex-direction: column;
  height: auto;
  left: 0;
  max-height: calc(100vh - 3.3em);
  overflow: auto;
  position: fixed;
  top: 3.3em;
  width: 100%;
  z-index: 1;
}
/* #navigation-search-wrap:focus-within #search-modal {
  display: flex;
} */
#search-modal-overflow {
  height: auto;
  max-height: 36.375em;
  min-height: 5em;
  overflow: auto;
  padding: 2.2em 0 0 0;
  position: relative;
}
#search-modal-overflow .search-loading {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1.5em;
  top: 73%;
  margin: auto;
}
.search-modal-group-title {
  color: #626262;
  font-size: .875em;
  line-height: 1.2em;
  margin: 0;
  padding: 0 1em;
}
.search-modal-badge {
  display: table-cell;
  padding: .594em .5em .594em 1em;
  vertical-align: top;
}
.search-modal-badge .directions-badge-icon {
  border-right-width: 0;
}
.search-modal-badge .directions-badge-text {
  display: none;
}
.search-modal-title {
  color: #313131;
  font-size: 1em;
  line-height: 1.1112em;
  padding: .6112em .6667em;
  text-decoration: none;
}
.search-modal-title b {
  font-weight: 700;
}
.search-modal-date {
  color: #757575;
  font-size: .75em;
  line-height: 1.2em;
  padding: 1.24em 2em 1.24em 1em;
  text-align: right;
  white-space: nowrap;
}
#search-modal-sticky-title {
  color: #626262;
  font-size: .875em;
  line-height: 1.2em;
  margin: 0;
  padding: 0 1.6428em;
}
#search-modal-slider {
  max-width: 100%;
}
#search-modal-slider a {
  border: 1px solid #BDBDBD;
  border-radius: 5em;
  color: #757575;
  font-size: .875em;
  font-weight: 500;
  line-height: 1.1429em;
  padding: .5em 1em;
  text-decoration: none;
}
.navigation-history-wrap {
  display: none;
  height: 100%;
  line-height: 0;
  position: relative;
  vertical-align: top;
}
.navigation-right-link {
  align-items: center;
  color: #313131;
  display: inline-flex;
  font-size: .875em;
  gap: .25em;
  height: 100%;
  line-height: 1.25em;
  position: relative;
  padding: 1.333em 1em;
  text-decoration: none;
  vertical-align: top;
}
.navigation-right-link svg {
  display: inline-block;
  height: 1.75em;
  flex: 0 0 1.75em;
  object-fit: contain;
  position: relative;
  vertical-align: top;
  width: 1.75em;
}
.navigation-account-link {
  display: none;
}
#history-modal {
  background: #fff;
  border-radius: 2em;
  box-shadow: 0 .25em 1.5625em rgba(0, 0, 0, .1);
  display: none;
  height: auto;
  max-height: 40.6875em;
  position: absolute;
  right: 0;
  top: 5em;
  width: 38.5em;
  z-index: 11;
}
.navigation-history-wrap:hover #history-modal,
#history-modal:hover,
#history-modal:focus-within {
  display: flex;
}
.history-modal-inner {
  display: block;
  height: auto;
  max-height: calc(100vh - 11em);
  overflow: auto;
  padding: 1.5625em;
  position: relative;
  width: 100%;
}
.history-view-all {
  appearance: none;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 5em;
  color: #313131;
  display: block;
  font-size: .875em;
  font-weight: 500;
  line-height: 1.14286em;
  padding: .429em .876em;
  position: absolute;
  right: 1.7857em;
  text-decoration: none;
  top: .64em;
}
.history-undo-container {
  background: #606060;
  border-radius: .25em;
  color: #fff;
  display: block;
  font-size: .75em;
  left: 50%;
  line-height: 0;
  margin: auto;
  padding: 0 1em;
  position: absolute;
  text-align: center;
  top: .5em;
  transform: translateX(-50%);
  z-index: 1;
}
.history-undo-container span {
  display: inline-flex;
  font-size: 1em;
  gap: .5em;
  line-height: 1.2em;
  padding: .5em 0;
  position: relative;
  vertical-align: top;
}
.history-undo-container a {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0;
  text-decoration: underline;
  vertical-align: top;
}
.history-undo-container button {
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  height: auto;
  line-height: 1.2em;
  padding: 0;
  text-decoration: underline;
  vertical-align: top;
}
.history-modal-group {
  display: flex;
  flex-direction: column;
  font-size: .875em;
  gap: .4375em;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
.history-modal-group + .history-modal-group {
  margin-top: 2.25em;
}
.history-modal-group-title {
  align-items: center;
  color: #626262;
  display: block;
  line-height: 1.2em;
  margin: 0;
  position: relative;
}
.history-item {
  align-items: center;
  background: #FFF;
  border: 1px solid #D9D9D9;
  border-radius: .5em;
  color: #313131;
  display: flex;
  gap: 1em;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}
.history-item.history-delete-inprocess {
  background: #D9D9D9;
  opacity: .5;
}
.history-item a {
  color: inherit;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.2em;
  padding: .926em 1em;
  text-decoration: none;
}
.history-item-right {
  display: inline-flex;
  gap: .5em;
  height: 100%;
  padding: .608em 0;
  position: relative;
}
.remove-history-item {
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  display: block;
  position: relative;
  width: 2em;
  z-index: 1;
}
#saved-link {
  align-items: center;
  color: #313131;
  display: inline-flex;
  font-size: .875em;
  height: 100%;
  justify-content: flex-start;
  min-width: 3em;
  padding: .733em .5em;
  position: relative;
  text-decoration: none;
}
#saved-link svg {
  display: block;
  height: 1.75em;
  flex: 0 0 1.75em;
  left: .5em;
  margin: -.875em 0 0 0;
  object-fit: contain;
  position: absolute;
  top: 50%;
  width: 1.75em;
}
.saved-count {
  background: #F8F8F8;
  border: 1px solid #313131;
  border-radius: 5em;
  color: inherit;
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 0 1.2em 1em;
  min-width: 1.667em;
  padding: .15em .4em;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
.admin-bar .mobile-navigation-resources-menu {
  height: calc(100vh - 2.875em);
  top: 0;
}
.mobile-navigation-resources-top-bar {
  background: #fff;
  display: block;
  position: relative;
  z-index: 1;
}
.mobile-navigation-resources-back {
  align-items: center;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: #757575;
  display: inline-flex;
  font-size: .75em;
  font-weight: 500;
  gap: .625em;
  justify-content: flex-start;
  line-height: 1.2em;
  padding: 1.5em 2.3333em;
}
.mobile-navigation-resources-back svg {
  height: .865em;
  object-fit: contain;
  width: .865em;
}
.mobile-navigation-resources-menu .atlas-sidebar-group {
  display: block;
  padding: 1.125em 0 1.4375em 0;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-category {
  color: #757575;
  display: block;
  font-size: .75em;
  line-height: 1.2em;
  margin: 0 0 .9167em 0;
  padding: 0 2.3333em;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-subject-area {
  align-items: center;
  color: #313131;
  display: flex;
  font-size: 1em;
  font-weight: 500;
  gap: .9em;
  justify-content: flex-start;
  line-height: 1.2em;
  padding: .6em 1.75em;
  position: relative;
  text-decoration: none;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-toggle {
  display: none;
}
.mobile-navigation-resources-menu .atlas-sidebar-subject-area br {
  display: none;
}
.mobile-navigation-resources-menu .atlas-sidebar-subject-area-icon {
  display: inline-block;
  height: 1.5em;
  flex: 0 0 1.5em;
  position: relative;
  vertical-align: top;
  width: 1.5em;
}
.mobile-navigation-resources-menu .atlas-sidebar-subject-area-icon img,
.mobile-navigation-resources-menu .atlas-sidebar-subject-area-icon svg {
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}
.mobile-navigation-resources-menu .atlas-sidebar-product-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-product-list li {
  display: block;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-product-list li a {
  color: #313131;
  display: block;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0;
  padding: .875em 5.25em .875em 1.75em;
  position: relative;
  text-decoration: none;
}
.mobile-navigation-resources-menu .atlas-sidebar-product-list li a .count {
  color: #757575;
  display: block;
  font-size: .75em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-product-list li a .card-trending-badge {
  border: 1px solid #DE2516;
  border-radius: 5em;
  color: #DE2516;
  display: block;
  font-size: .75em;
  font-weight: 500;
  line-height: 1.2em;
  margin: -.9em 0 0 0;
  padding: .25em .5em;
  position: absolute;
  right: 1.3333em;
  top: 50%;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list li {
  display: block;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list li a {
  color: #313131;
  display: block;
  font-size: 1em;
  font-weight: 500;
  justify-content: flex-start;
  line-height: 1.2em;
  padding: .6em 1.75em;
  position: relative;
  text-decoration: none;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list .atlas-sidebar-product {
  color: #313131;
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0;
  padding: .75em 4em .75em 1.1667em;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list .atlas-sidebar-product .count {
  color: #757575;
  display: block;
  font-size: .5em;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
  position: relative;
}
.mobile-navigation-resources-menu .atlas-sidebar-child-list .atlas-sidebar-product .atlas-sidebar-view-all {
  background: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 5em;
  display: inline-block;
  font-size: .5834em;
  font-weight: 500;
  line-height: 1.25em;
  margin: -1.0714em 0 0 0;
  padding: .375em .85em;
  position: absolute;
  right: 1.1428em;
  top: 50%;
  vertical-align: top;
}
.mobile-navigation-resources-menu {
  background: #fff;
  display: block;
  height: 100vh;
  left: 105%;
  overflow-y: auto;
  position: absolute;
  top: 0;
  transition: .25s;
  width: 0;
  -webkit-overflow-scrolling: touch;
  z-index: 11;
}
.admin-bar .mobile-navigation-resources-menu {
  height: calc(100vh - 2.875em);
}
.mobile-navigation-resources-menu.active {
  left: 0%;
  width: 100%;
  height: 100vh;
}
.mobile-navigation-resources-menu:has(.active) {
  overflow: hidden;
}
.mobile-navigation-resources-menu .sub-menu {
  background: #fff;
  height: 100vh;
  left: 105%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  transition: all .25s;
  width: 100%;
  z-index: 9;
}
.admin-bar .mobile-navigation-resources-menu .sub-menu {
  height: calc(100vh - 2.875em);
  top: 2.875em;
}
.mobile-navigation-resources-menu .sub-menu.active {
  left: 0%;
}
.back-btn {
  align-items: center;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: #757575;
  cursor: pointer;
  display: inline-flex;
  font-size: .75em;
  font-weight: 500;
  gap: .625em;
  justify-content: flex-start;
  line-height: 1.2em;
  padding: 1.5em 2.3333em;
}
.mobile-navigation-resources-menu .mobile-navigation-close {
  top: .6875em;
}
.account-modal {
  background: #fff;
  display: block;
  height: 100vh;
  left: 105%;
  overflow: auto;
  position: fixed;
  top: 0;
  transition: .25s;
  width: 100%;
  z-index: 11;
}
.account-modal.active {
  left: 0%;
}
.admin-bar .account-modal {
  height: calc(100vh - 2.875em);
  top: 2.875em;
}
.account-modal a {
  color: #313131;
  display: block;
  font-size: 1em;
  font-weight: 500;
  justify-content: flex-start;
  line-height: 1.2em;
  padding: .6em 1.75em;
  position: relative;
  text-decoration: none;
}
.account-modal .mobile-navigation-close {
  top: .6875em;
}
.searchoption .im-saved-search-clear {
  cursor: pointer;
  position: absolute;
  right: 2.1em;
  top: 0.25em;
  z-index: 1;
}
.searchoption .im-saved-search-clear svg,
.searchoption .im-saved-search-clear svg path {
  height: .65em;
  width: .65em;
}

@media print {
    #header {
        position: relative !important;
    }
}


/* MEDIA */
@media (min-width: 576px) {
}
@media (min-width: 601px) {
  .admin-bar #header {
    position: fixed;
    top: 2.875em;
  }
  .admin-bar #search-modal {
    max-height: calc(100vh - 6.175em);
    top: 6.175em;
  }
}
@media (min-width: 768px) {
  #search-modal,
  .admin-bar #search-modal {
    max-height: calc(100vh - 2.875em);
    position: absolute;
    top: 0;
  }
  #search-modal-overflow {
    padding: 3em 0 0 0;
  }
  .search-modal-group-title {
    padding: 0 1em;
  }
  .search-modal-title {
    font-size: 1.125em;
    padding: .6112em .6667em;
  }
  .search-modal-badge .directions-badge-icon {
    border-right-width: 1px;
  }  
  .search-modal-badge .directions-badge-text {
    display: block;
  }
}
@media (min-width: 783px) {
  .admin-bar #header {
    top: 2em;
    margin-bottom: 0 !important;
  }
  .admin-bar #navigation,
  .admin-bar .mobile-navigation-resources-menu {
    top: 2em;
    height: calc(100vh - 2em);
  }
  .admin-bar .mobile-navigation-close {
    top: 1em;
  }
  .admin-bar .mobile-navigation-resources-menu .sub-menu,
  .admin-bar .account-modal {
    height: calc(100vh - 2em);
    top: 2em;
  }
}
@media (min-width: 992px),
print and (min-width: 992px) {
  #mobile-navigation-bar {
    display: none;
  }
  #header {
    padding: .6875em 0 0 0;
  }  
  #header::before {
    display: block; 
  }
  #navigation,
  .admin-bar #navigation {
    background: transparent;
    display: flex;
    height: auto;
    max-width: 120em;
    overflow: visible;
    padding: 0 2.5em 0 0;
    position: relative;
    top: 0;
    width: auto;
  }
  .mobile-navigation-close,
  #mobile-navigation-menu-toggle {
    display: none;
  }
  .header-center-left {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
  }
  #navigation {
    align-items: stretch; 
    display: flex;
    flex: 0 0 auto;
    padding: 0 1em 0 0;
  }
  #navigation-search-wrap {
    display: block;
    flex: 1 1 100%;
  }
  .nav-brand {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1em;
    font-weight: 600;
    gap: .5em;
    line-height: 1.111em;
    margin: 0 0 0 -1em;
    padding: 1.3333em 1em;
  }  
  .nav-brand svg {
    display: inline-block;
    flex: 0 0 2.4444em;
    height: 2.6667em;
    vertical-align: top;
    width: 2.4444em;
  }
  .nav-brand br {
    display: block;
  }
  #mobile-navigation-logo {
    display: none;
  }
  #navigation-search-wrap {
    max-width: 35.625em;
  }
  #navSearch {
    font-size: 1em;
    padding: .666em 5em .666em 1.125em;
  }  
  #navSearchSubmit {
    background: #DE2516;
    color: #FFFFFF;
    height: 2.2222em;
    right: .1875em;
    top: .1875em;
    width: 2.2222em;
  }
  #navSearchSubmit svg,
  #navSearchSubmit svg path {
    fill: #FFFFFF;
    height: .875em;
    width: .875em;
  }
  #search-modal-overflow {
    padding: 4.375em 0 0 0;
  }
  .navigation-link {
    align-items: center;
    display: inline-flex;
    font-size: 1em;
    font-weight: 600;
    padding: 1.333em 1em;
  }
  .navigation-history-wrap {
    display: inline-block;
  }
  .navigation-account-link {
    display: inline-flex;
    margin-right: -1em;
    white-space: nowrap;
  }
  .account-modal,
  .admin-bar .account-modal {
    border-radius: 1.5em;
    box-shadow: 0 .25em 1.25em rgba(0,0,0,.1);
    display: none;
    height: auto;
    left: auto;
    min-height: 0;
    padding: 1em 0;
    position: absolute;
    right: 0;
    top: 5em;
    width: auto;
  }
  .account-modal:hover,
  .account-modal:focus-within,
  .navigation-account-link:hover + .account-modal {
    display: block;
  }
  .back-btn {
    display: none;
  }
  #navResourcesDropdown {
    left: 3em;
  }
  #navResourcesDropdown,
  .admin-bar #navResourcesDropdown {
    top: 5em;
  }
  .nav-resources-dropdown {
    align-items: center;
    display: inline-flex;
    font-size: 1em;
    font-weight: 600;
    padding: 1.5556em 1em;
    position: relative;
    vertical-align: top;
  }
  .nav-brand br,
  .nav-resources-dropdown br,
  .navigation-link br {
    display: block;
  }
  .nav-resources-dropdown::after {
    background: url('data:image/svg+xml,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.99922 4.59687L9.89922 0.696875C10.0826 0.513542 10.3159 0.421875 10.5992 0.421875C10.8826 0.421875 11.1159 0.513542 11.2992 0.696875C11.4826 0.880208 11.5742 1.11354 11.5742 1.39688C11.5742 1.68021 11.4826 1.91354 11.2992 2.09688L6.69922 6.69687C6.59922 6.79687 6.49088 6.86771 6.37422 6.90937C6.25755 6.95104 6.13255 6.97187 5.99922 6.97187C5.86588 6.97187 5.74088 6.95104 5.62422 6.90937C5.50755 6.86771 5.39922 6.79687 5.29922 6.69687L0.699219 2.09687C0.515885 1.91354 0.424218 1.68021 0.424218 1.39687C0.424218 1.11354 0.515885 0.880208 0.699219 0.696875C0.882552 0.513541 1.11588 0.421875 1.39922 0.421875C1.68255 0.421875 1.91588 0.513541 2.09922 0.696875L5.99922 4.59687Z" fill="%23313131"/></svg>') no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: .42em;
    margin: 1.25em 0 0 .5em;
    position: relative;
    vertical-align: top;
    width: .7em;
  }
  .mobile-navigation-quick-link-wrap {
    display: none;
  }
  .mobile-navigation-resources-menu {
    display: none;
  }
  .dropdown-menu-column {
    min-width: 14em;
  }
  .searchoption .im-saved-search-clear {
    right: 3.4em;
    top: 0.5em;
  }
  .searchoption .im-saved-search-clear svg,
  .searchoption .im-saved-search-clear svg path {
    height: 0.875em;
    width: 0.875em;
  }
}
@media (min-width: 1200px),
print and (min-width: 1200px) {
  #header-center {
    padding: 0 3.125em;
  }
  .nav-brand {
    font-size: 1.125em;
    margin: 0 0 0 -1.222em;
    padding: 1.3333em 1.222em;
  }
  .nav-resources-dropdown {
    font-size: 1.125em;
    padding: 1.5556em 1.222em;
  }
  .navigation-link {
    font-size: 1.125em;
    padding: 1.333em 1.222em;
  }
  #navResourcesDropdown {
      left: 4em;
    }
  #navResourcesDropdown,
  .admin-bar #navResourcesDropdown {
    top: 6em;
  }
  .account-modal,
  .admin-bar .account-modal {
    top: 6em;
  }
  #history-modal,
  .admin-bar #history-modal {
    top: 6em;
  }
  .dropdown-menu-category-button {
    font-size: 1.125em;
  }
  .dropdown-menu-column-product {
    width: 20.25em;
  }
  .dropdown-menu-column-product.two-column {
    width: 32.1875em;
  }
  .nav-dropdown-product-family {
    font-size: 1.125em;
  }
  .nav-dropdown-product-header {
    padding: 0 2.5em;
  }
  .nav-dropdown-product-header-title {
    font-size: 1.5em;
  }
  .nav-dropdown-product-header-button {
    font-size: .875em;
  }
  .two-column .nav-dropdown-product-list {
    column-gap: 2.5em;
  }
  .two-column .nav-dropdown-product-list {
    column-count: 2;
    column-gap: 0;
  }
  .nav-dropdown-product-list a {
    font-size: 1em;
  }
  .dropdown-subject-area-list li {
    font-size: 1.125em;
  }
  #navSearch {
    font-size: 1.125em;
  }
  #navSearchSubmit {
    height: 2.5em;
    width: 2.5em;
  }
  #history-modal {
    width: 43.875em;
  }
  .navigation-right-link {
    font-size: 1em;
    padding: 1.333em 1.222em;
  }
  .navigation-account-link {
    margin-right: -1.222em;
  }
  #saved-link {
    font-size: 1em;
    min-width: 4.5em;
    padding: 1.333em 1.222em;
  }  
  #saved-link svg {
    left: 1.25em;
  }

  .searchoption .im-saved-search-clear {
    right: 3.6em;
    top: 0.6em;
  }

}
@media (min-width: 1400px),
print and (min-width: 1400px) {
  #header-center {
    padding: 0 3.75em;
  }
  #navResourcesDropdown {
    left: 3.75em;
  }
}

@media (max-width: 991px) {
  #navResourcesLink:hover + #navResourcesDropdown, 
  #navResourcesDropdown,
  #navResourcesDropdown:hover {
    display: none;
  }
}

/*added byashish*/
/* Loader styling */
.loading {
  position: relative;
  pointer-events: none; /* Prevent interaction while loading */
}

.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  border: 2px solid #ccc;
  border-top-color: #007bff; /* Spinner color */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  transform: translate(-50%, -50%);
}

/* Spinner animation */
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
#history-logs-page {
  max-width: 800px;
  margin: 0 auto;

}

.history-log-item {
  padding: 15px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  border-radius: 5px;
}

.history-log-item .log-title {
  font-size: 18px;
  font-weight: bold;
  color: #0073aa;
  text-decoration: none;
}

.history-log-item .log-date {
  font-size: 14px;
  color: #555;
}

#load-more-button {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-top: 20px;
  text-align: center;
  background-color: #0073aa;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#load-more-button:hover {
  background-color: #005b99;
}