.yamm .yamm .mega-title {
	font-size: 14px;
	text-decoration: underline;
	padding: 0;
}
.catalog-menu + .catalog-menu {
	margin-top: 1em;
}
.dropdown-menu auto-query {
    display: block;
    column-count: auto;
	column-width: 12em;
}
.dropdown-menu auto-query .btn {
	white-space: initial;
}

@media (max-width: 767px) {
	#navbar-collapse-grid {
		max-height: initial;
		overflow: initial;
	}
	#navbar-collapse-grid * {
		float: none !important;
	}
}

.translate {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1em
}
.translate label {
    font-size: 14px;
}

select, button {
    cursor: pointer;
}
.translate select {
    width: 5em;
    padding: .25em;
    text-align: center;
}
.session-name {
	height: initial;
	line-height: initial;
}
.skiptranslate,
.VIpgJd-ZVi9od-aZ2wEe,
[class*="VIpgJd-ZVi9od"],
#goog-gt-{display:none !important;}


shopping-multi-view .btn.btn-add-to-list, shopping-grid .btn.btn-add-to-list { margin-top: 0 !important; }








#RegistrationVerifyTin .modal-dialog.modal-md:not(.login-prompt) {
  max-width: 650px;
}
.top-of-page-messaging {
    background: rgba(40, 37, 37,1);
    text-align: center;
    padding: .25em;
    color: #fff;
    height: 30px;
	font-size: 16px;
}
.top-of-page-messaging .dropdown-toggle {
	font-size: .75em;
	margin-left: 1rem;
	cursor: pointer;
}
.top-of-page-messaging p {
    margin: 0;
}
.top-of-page-messaging .dropdown-menu.cart-pricelist-dropdown-menu {
    right: 50%;
    transform: translateX(50%);
}
.cart-pricelist-dropdown-menu h4 {
	margin-left: 1rem;
}

.login-banner .column > div {
    text-align: center;
    margin: 0;
    padding: 5em 0 3em;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.login-banner h1 {
    font-size: 3em;
    margin: 0;
}
.login-banner .column > div > div {
    display: flex;
    gap: .5rem;
    justify-content: center;
}
.btn-login-nav {
    border: none;
    background: none;
    font: inherit;
	padding: .5rem;
}
.login-banner .btn-login-nav {
    background: #282525;
	color: #fff;
    width: 18em;
    padding: 1em;
    margin: 0;
}
.login-banner .btn-login-nav:hover,
.login-banner .btn-login-nav:focus {
	background: rgba(40, 37, 37,0.8);
	text-decoration: none;
}


html:has(.registration-new) {
  font-size: 16px;
}

.registration-new {
  max-width: 600px;
}

.help-form,
.registration-new,
register-retailer,
[form-id=CustomerRequiredFields] {
  --error-color: rgb(146, 17, 0);
  --border-color: rgb(223,224,225);
  --btn-primary-bg: #282525;
  --btn-primary-bg-hover: #282525;
  --transition-value: all 0.3s ease 0s;
  display: block;
  margin: auto;
  padding: 4rem 0.5rem;
  width: 100%;
}
.help-form *:focus,
.registration-new *:focus,
register-retailer *:focus,
[form-id=CustomerRequiredFields] *:focus {
  box-shadow: none;
}
.help-form .nav-tabs,
.registration-new .nav-tabs,
register-retailer .nav-tabs,
[form-id=CustomerRequiredFields] .nav-tabs {
  position: fixed;
  top: 106px;
  width: 100%;
  left: 0;
  display: none;
}
.help-form .nav-tabs:before, .help-form .nav-tabs:after,
.registration-new .nav-tabs:before,
.registration-new .nav-tabs:after,
register-retailer .nav-tabs:before,
register-retailer .nav-tabs:after,
[form-id=CustomerRequiredFields] .nav-tabs:before,
[form-id=CustomerRequiredFields] .nav-tabs:after {
  display: none;
}
.help-form .nav-tabs > *,
.registration-new .nav-tabs > *,
register-retailer .nav-tabs > *,
[form-id=CustomerRequiredFields] .nav-tabs > * {
  flex: 1 1 0px;
}
.help-form .nav-tabs .nav-item,
.registration-new .nav-tabs .nav-item,
register-retailer .nav-tabs .nav-item,
[form-id=CustomerRequiredFields] .nav-tabs .nav-item {
  background: var(--btn-primary-bg);
  height: 0.25rem;
}
.help-form .nav-tabs a,
.registration-new .nav-tabs a,
register-retailer .nav-tabs a,
[form-id=CustomerRequiredFields] .nav-tabs a {
  background-color: transparent !important;
  border: none !important;
}
.help-form .nav-tabs .active ~ .nav-item,
.registration-new .nav-tabs .active ~ .nav-item,
register-retailer .nav-tabs .active ~ .nav-item,
[form-id=CustomerRequiredFields] .nav-tabs .active ~ .nav-item {
  background: #fff;
}
.help-form .tab-container,
.registration-new .tab-container,
register-retailer .tab-container,
[form-id=CustomerRequiredFields] .tab-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.help-form .tab-pane,
.registration-new .tab-pane,
register-retailer .tab-pane,
[form-id=CustomerRequiredFields] .tab-pane {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.15px;
}
.help-form .tab-pane.active,
.registration-new .tab-pane.active,
register-retailer .tab-pane.active,
[form-id=CustomerRequiredFields] .tab-pane.active {
  display: flex !important;
  flex-direction: column;
  gap: 2rem;
}
.help-form .tab-pane .form-group,
.registration-new .tab-pane .form-group,
register-retailer .tab-pane .form-group,
[form-id=CustomerRequiredFields] .tab-pane .form-group {
  margin: 0;
}
.help-form label,
.registration-new label,
register-retailer label,
[form-id=CustomerRequiredFields] label {
  font: inherit;
  margin: 0;
  padding: 0;
}
.help-form .has-error label, .help-form .error,
.registration-new .has-error label,
.registration-new .error,
register-retailer .has-error label,
register-retailer .error,
[form-id=CustomerRequiredFields] .has-error label,
[form-id=CustomerRequiredFields] .error {
  color: var(--error-color);
}
.help-form .has-error .form-control,
.registration-new .has-error .form-control,
register-retailer .has-error .form-control,
[form-id=CustomerRequiredFields] .has-error .form-control {
  border-color: #d17e70;
  box-shadow: initial;
  padding: 0 1rem;
}
.help-form .formio-choices .form-control,
.registration-new .formio-choices .form-control,
register-retailer .formio-choices .form-control,
[form-id=CustomerRequiredFields] .formio-choices .form-control {
  display: flex;
  align-items: center;
  height: 2.5rem;
}
.help-form .formio-choices .choices__list--dropdown,
.registration-new .formio-choices .choices__list--dropdown,
register-retailer .formio-choices .choices__list--dropdown,
[form-id=CustomerRequiredFields] .formio-choices .choices__list--dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.help-form input,
.registration-new input,
register-retailer input,
[form-id=CustomerRequiredFields] input {
  font: inherit;
  margin: 0;
  padding: 0 1rem;
  height: 2.5rem;
  background-color: #fff;
  border: 1px solid var(--border-color);
}
.help-form input:focus,
.registration-new input:focus,
register-retailer input:focus,
[form-id=CustomerRequiredFields] input:focus {
  border-color: var(--btn-primary-bg);
  box-shadow: initial;
}
.help-form .formio-select-autocomplete-input,
.registration-new .formio-select-autocomplete-input,
register-retailer .formio-select-autocomplete-input,
[form-id=CustomerRequiredFields] .formio-select-autocomplete-input {
  height: 0;
  border: none;
}
@media (min-width: 1600px) {
  .help-form .formio-component-table,
  .registration-new .formio-component-table,
  register-retailer .formio-component-table,
  [form-id=CustomerRequiredFields] .formio-component-table {
    margin: 0 -10em;
  }
}
.help-form .ibox table,
.registration-new .ibox table,
register-retailer .ibox table,
[form-id=CustomerRequiredFields] .ibox table {
  white-space: initial;
}
.help-form .input-group,
.registration-new .input-group,
register-retailer .input-group,
[form-id=CustomerRequiredFields] .input-group {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.help-form .btn,
.registration-new .btn,
register-retailer .btn,
[form-id=CustomerRequiredFields] .btn {
  font: inherit;
  letter-spacing: 0.15px;
  height: 3rem;
}
.help-form .btn-certificate,
.registration-new .btn-certificate,
register-retailer .btn-certificate,
[form-id=CustomerRequiredFields] .btn-certificate {
  display: inline-flex;
  align-items: center;
}
.help-form .btn-primary,
.registration-new .btn-primary,
register-retailer .btn-primary,
[form-id=CustomerRequiredFields] .btn-primary {
  margin: 0;
  background-color: var(--btn-primary-bg);
  border: 1px solid var(--btn-primary-bg);
  color: #fff;
}
.help-form .btn-primary:hover,
.registration-new .btn-primary:hover,
register-retailer .btn-primary:hover,
[form-id=CustomerRequiredFields] .btn-primary:hover {
  background-color: var(--btn-primary-bg-hover);
  border-color: var(--btn-primary-bg-hover);
}
.help-form .btn-primary[disabled], .help-form .btn-primary[disabled]:hover,
.registration-new .btn-primary[disabled],
.registration-new .btn-primary[disabled]:hover,
register-retailer .btn-primary[disabled],
register-retailer .btn-primary[disabled]:hover,
[form-id=CustomerRequiredFields] .btn-primary[disabled],
[form-id=CustomerRequiredFields] .btn-primary[disabled]:hover {
  background-color: rgb(247, 247, 247);
  border-color: var(--border-color);
  color: #707070;
  cursor: not-allowed;
}
.help-form .radio, .help-form .checkbox,
.registration-new .radio,
.registration-new .checkbox,
register-retailer .radio,
register-retailer .checkbox,
[form-id=CustomerRequiredFields] .radio,
[form-id=CustomerRequiredFields] .checkbox {
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0;
  padding: 1.25rem 1.5rem;
  position: relative;
  text-align: left;
  transition: var(--transition-value);
  width: calc(50% - 0.5rem);
}
.help-form .radio [type=radio], .help-form .checkbox [type=radio],
.registration-new .radio [type=radio],
.registration-new .checkbox [type=radio],
register-retailer .radio [type=radio],
register-retailer .checkbox [type=radio],
[form-id=CustomerRequiredFields] .radio [type=radio],
[form-id=CustomerRequiredFields] .checkbox [type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  height: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: var(--transition-value);
  width: 100%;
}
.help-form .radio [type=radio]:focus, .help-form .radio [type=radio]:hover, .help-form .checkbox [type=radio]:focus, .help-form .checkbox [type=radio]:hover,
.registration-new .radio [type=radio]:focus,
.registration-new .radio [type=radio]:hover,
.registration-new .checkbox [type=radio]:focus,
.registration-new .checkbox [type=radio]:hover,
register-retailer .radio [type=radio]:focus,
register-retailer .radio [type=radio]:hover,
register-retailer .checkbox [type=radio]:focus,
register-retailer .checkbox [type=radio]:hover,
[form-id=CustomerRequiredFields] .radio [type=radio]:focus,
[form-id=CustomerRequiredFields] .radio [type=radio]:hover,
[form-id=CustomerRequiredFields] .checkbox [type=radio]:focus,
[form-id=CustomerRequiredFields] .checkbox [type=radio]:hover {
  outline: none;
  border-color: var(--btn-primary-bg);
}
.help-form .radio-selected, .help-form .checkbox-selected,
.registration-new .radio-selected,
.registration-new .checkbox-selected,
register-retailer .radio-selected,
register-retailer .checkbox-selected,
[form-id=CustomerRequiredFields] .radio-selected,
[form-id=CustomerRequiredFields] .checkbox-selected {
  background-color: rgb(247, 247, 247);
}
.help-form .radio-selected [type=radio], .help-form .radio-selected.checkbox, .help-form .checkbox-selected [type=radio], .help-form .checkbox-selected.checkbox,
.registration-new .radio-selected [type=radio],
.registration-new .radio-selected.checkbox,
.registration-new .checkbox-selected [type=radio],
.registration-new .checkbox-selected.checkbox,
register-retailer .radio-selected [type=radio],
register-retailer .radio-selected.checkbox,
register-retailer .checkbox-selected [type=radio],
register-retailer .checkbox-selected.checkbox,
[form-id=CustomerRequiredFields] .radio-selected [type=radio],
[form-id=CustomerRequiredFields] .radio-selected.checkbox,
[form-id=CustomerRequiredFields] .checkbox-selected [type=radio],
[form-id=CustomerRequiredFields] .checkbox-selected.checkbox {
  outline: none;
  border-color: var(--btn-primary-bg);
}
.help-form .checkbox,
.registration-new .checkbox,
register-retailer .checkbox,
[form-id=CustomerRequiredFields] .checkbox {
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  margin: 0;
  padding: 0;
  transition: var(--transition-value);
  width: 100%;
}
.help-form .checkbox:focus, .help-form .checkbox:hover,
.registration-new .checkbox:focus,
.registration-new .checkbox:hover,
register-retailer .checkbox:focus,
register-retailer .checkbox:hover,
[form-id=CustomerRequiredFields] .checkbox:focus,
[form-id=CustomerRequiredFields] .checkbox:hover {
  outline: none;
  border-color: var(--btn-primary-bg);
}
.help-form .checkbox label,
.registration-new .checkbox label,
register-retailer .checkbox label,
[form-id=CustomerRequiredFields] .checkbox label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
}
.help-form .checkbox [type=checkbox],
.registration-new .checkbox [type=checkbox],
register-retailer .checkbox [type=checkbox],
[form-id=CustomerRequiredFields] .checkbox [type=checkbox] {
  border-radius: 0;
  border-color: var(--btn-primary-bg);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0;
  position: initial;
  height: 1rem;
  width: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.help-form .checkbox [type=checkbox]::after,
.registration-new .checkbox [type=checkbox]::after,
register-retailer .checkbox [type=checkbox]::after,
[form-id=CustomerRequiredFields] .checkbox [type=checkbox]::after {
  content: "";
  display: none;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.help-form .checkbox.radio-selected [type=checkbox],
.registration-new .checkbox.radio-selected [type=checkbox],
register-retailer .checkbox.radio-selected [type=checkbox],
[form-id=CustomerRequiredFields] .checkbox.radio-selected [type=checkbox] {
  background: var(--btn-primary-bg);
}
.help-form .checkbox.radio-selected [type=checkbox]::after,
.registration-new .checkbox.radio-selected [type=checkbox]::after,
register-retailer .checkbox.radio-selected [type=checkbox]::after,
[form-id=CustomerRequiredFields] .checkbox.radio-selected [type=checkbox]::after {
  display: block;
}

.help-form {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  max-width: 600px;
  padding: 4rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  transition-duration: 0.5s;
  transform: translateX(-150%);
  height: 100% !important;
}
.help-form.in {
  transform: translateX(0);
}
.help-form-toggle {
  color: #fff;
  background-color: #282525;
  padding: 0.5rem 1rem;
	margin-left: .5rem;
	border: none;
}
.help-form .close {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  color: inherit;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}/*# sourceMappingURL=style.css.map */


cart-item-input .entry-container .row {
    display: flex;
    gap: 2rem;
    width: 100%;
}

cart-item-input .input-group {
    position: relative;
    display: block;
}

cart-item-input .entry-container .row:before, cart-item-input .entry-container .row:after {
    display: none;
}

cart-item-input .entry-container .input-group {
    flex-grow: 1;
    align-items: stretch;
    margin-bottom: .5rem;
}

cart-item-input .entry-container .input-group-addon {
    position: absolute;
    right: 1em;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: none;
}

cart-item-input .entry-container .form-control {
    background: transparent;
    /* max-width: 6em; */
}

cart-item-input .item-input-add {
    margin-top: 1em;
}

cart-item-input .entry-container {
    display: block;
}

cart-item-input .entry-list-header {
    margin: 1em 0;
    display: flex;
    gap: 2em;
    background: black;
    color: #fff;
    padding: .5rem;
}

cart-item-input .entry-list-header p {
    margin: 0;
    flex: 1 0 0px;
	min-width: 125px;
}

cart-item-input .cart-list-item {
    display: flex;
    gap: 2em;
}

cart-item-input .cart-info-left {
    flex: 3 1 0px;
    display: flex;
    align-items: flex-start;
    gap: 1em;
}


cart-item-input .cart-info-left img {
    width: 120px;
    flex-shrink: 0;
}

cart-item-input numeric-input-group > .input-group {
    display: flex;
}

cart-item-input numeric-input-group {
    display: block;
    width: 100%;
}

cart-item-input numeric-input-group .input-group-btn {
    width: initial;
    display: block;
    vertical-align: initial;
    margin: 0;
    height: 100%;
}

cart-item-input numeric-input-group .form-control {
    /* height: 100%; */
    display: block !important;
    min-height: initial;
    height: initial;
    padding: 0;
}

cart-item-input .cart-info {
    flex: 1 0 0px;
	min-width: 125px;
}

cart-item-input .entry-list-header p:first-of-type {
    flex: 3 1 0px;
}

cart-item-input p {
    margin: 0;
}

cart-item-input .total {
    font-weight: bold;
}

cart-item-input .price-each {
    font-size: .8em;
}

numeric-input-group .form-control {
    max-width: 5em;
}

cart-item-input .cart-quantity p {
    font-size: .8em;
}

cart-item-input .cart-info-left > div {
    display: flex;
    flex-direction: column;
    gap: .5em;
}
@media (max-width: 675px) {
	cart-item-input .cart-info-left {
		flex-direction: column;
	}
	cart-item-input .entry-container .row {
		flex-wrap: wrap;
		gap: 1rem;
	}
	cart-item-input .entry-container .input-group {
		flex-basis: 100%;
	}
	.cart-quantity {
		position: absolute;
		right: 200px;
		z-index: 2;
	}
}
@media (max-width: 530px) {
	cart-item-input .entry-list-header {
		display: none;
	}
	.cart-quantity {
		position: initial;
	}
	cart-item-input .cart-info-left {
		flex-basis: 100%;
		flex-direction: row;
	}
	cart-item-input .cart-list-item {
		gap: 1rem;
		flex-wrap: wrap;
	}
}
@media (max-width: 390px) {
	cart-item-input .cart-info-left {
		flex-direction: column;
	}
}