/* Buttons */
button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  font-family: Lato, "Open Sans", sans-serif;
  margin: 12px 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  background-color: #3498db;
  border-color: #217dbb;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: all 120ms ease-out;
  -moz-transition: all 80ms ease-out;
  transition: all 120ms ease-out;
  background-image: linear-gradient(to bottom,  hsla(0,0%,100%,0.12) 0%,hsla(0,0%,100%,0) 100%);
}


.button:hover {
    box-shadow: 0 1px 4px hsla(0,0%,0%,.05);
    background-image: linear-gradient(to bottom,  hsla(0,0%,100%,.2) 0%,hsla(0,0%,100%,.1) 100%);
    color: #fff;
    border-color: #055c97;
}

.button:active {
    background-image: linear-gradient(to bottom,  hsla(0,0%,0%,0.1) 0%,hsla(0,0%,0%,0.05) 100%);
    color: #fff;
}

.button:focus {
	outline: none;
}

.button.primary-dark {
  border-color: #2472a4;
  background-color: #006baf;
}
	.button.primary-dark:hover {border-color: #04578c;}

.button.secondary {
  border-color: #c5cfd1;
  background-color: #e5e5e9;
  color: #5a6169;
}
	.button.secondary:hover {border-color: #afb6b7}
	.button.secondary:focus {color: #333;}

.button.secondary-light {
  border: 1px solid #ccc;
  background: linear-gradient(180deg, #fff 0%, #ededed 100%);
  color: #222;
  font-weight: 400;
}
	.button.secondary-light:hover {border-color: #afb6b7}
	.button.secondary-light:focus {color: #333;}

.button.secondary-dark {
  border: solid 1px #ccc;
  background: linear-gradient(180deg, #fff 0%, #ededed 100%);
  color: #222;
  font-weight: 400;
}
	.button.secondary-dark:hover {border-color: #aaacae; color: #258cd1;}
	.button.secondary-dark:focus {color: #006aad;}

.button.highlight {
  border-color: #c41a08;
  background-color: #ffa81a;
}
	.button.highlight:hover {border-color: #cf7000}

.button.highlight-dark {
  border-color: #e17f00;
  background-color: #fc9100;
}
	.button.highlight-dark:hover {border-color: #c56f00;}

.button.success {
  border-color: #229955;
  background-color: #229955;
}

.button.alert {
  background-color: #e74c3c;
  border-color: #d62c1a;
}

.button.inverse {
  border-color: #2b3c4e;
  background-color: #5a6169;
}
	.button.inverse:hover {border-color: #0f1b27}

.button.inverse-dark {
  border-color: #233140;
  background-color: #233140;
}
	.button.inverse-dark:hover {border-color: #0f1316}
.button.inverse-dark-tint{
    background-color: #092841;
    border-color: #092841;
}


.button.custom-paypal,
.button.custom-paypal:hover {
    background: #ffc439;
    border-color: #ffc439;
    color: #253b80;
}

.button.custom-vme,
.button.custom-vme:hover {
    background: #201f74;
    border-color: #201f74;
    color: #fff;
}

.button.custom-paypal img,
.button.custom-vme img,
.button.custom-gpay img {
    display: inline-block;
    height: 1.2em;
    vertical-align: middle;
    width: auto;
}

.button.large {
  padding: 0 20px;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
}
.button.small {
  padding: 0 8px;
  font-size: 14px;
  height: 32px;
  line-height: 30px;
}
.button.tiny {
  padding: 0 4px;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
}

.button.radius {
	border-radius: 4px;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:active,
.button.disabled:focus,
.button[disabled],
.button[disabled]:hover,
.button[disabled]:active,
.button[disabled]:focus,
.disabled > .button {
  cursor: default;
  box-shadow: none;

  /* We only want the following styles to applied for disabled buttons */
  /* Normally this is a lot of !importants, but it's necessary in overriding all of the button classes (.highlight, secondary, secondary-light, etc...) */
  background: #f7f7f7 !important;
  color: #787878 !important;
  font-size: 16px;
  border-color: transparent !important;
  transition: background-color 150ms !important;
}

.button.in-action, .button.in-action:hover, .button.in-action:active, .button[in-action], .button[in-action]:hover, .button[in-action]:active, .in-action > .button {
	cursor: default;
  box-shadow: none;
  background-image: none;
  background-color: #e5e5e9;
  color: #b7b9bb;
}
a.in-action {
	color: #b7b9bb;
	cursor: default;
}
.button.in-cart {
  background-color: #fff;
  color: #585C5F;
  font-weight: 400;
  border: 1px solid #09A721;
}
#giftCardWizardForm .button.in-cart {
  color: #fff;
}
.button.in-cart:focus {
  border: 0;
}
.button.in-cart:before {
  font-family: iCons;
  content: "ò";
  font-size: 15px;
  color: #09A721;
  padding-right: 5px;
}
.button.in-action:before, a.in-action:before {
	background: url('/image/lsa/ui/ajaxLoading.gif') center center no-repeat;
	content: '';
	width: 22px;
	height: 12px;
	display: inline-block;
	vertical-align: bottom;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button.in-action:before {
	float: left;
	margin: 2px 0;
}
.place-order .button {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 21px;
  padding: 0 20px;
}
#flexInfoButtonContainer a.in-action {position:relative;}
#flexInfoButtonContainer a.in-action:before {position:absolute; bottom:10px; left:10px;}

.button.clear {
	float: left;
}

/* !select UI */

.button.select, .button.select:hover {
	padding: 9px 30px 9px 10px;
	border-radius: 3px;
	margin: 0;
	background-color: #fff;
	border-color: #B5B5B5;
	border-width: 1px;
	font-size: 16px;
	border-radius: 4px;
	position: relative;
	color: inherit;
	font-weight: 400;
	white-space: nowrap;
  background-image: linear-gradient(to bottom,  hsla(0,100%,100%,0.05) 0%,hsla(0,0%,0%,0.12) 100%);
}

.button.select:before, .button.select:after {
	position: absolute;
	top: 5px;
	right: 7px;
	font-size: 10px;
	content: "į";
	height: 8px;
	width: 12px;
	pointer-events: none;
	border-width: 3px;
	margin-left: -10px;
  margin-right:0;
  font-family: iCons;
}

.button.select:after {
	top: auto;
	content: "î";
	top: -6px;
	border-top-color: transparent;
	border-bottom-color: #444;
}
.button.multi-select, .button.multi-select:hover {
  padding: 6px 30px 4px 8px;
  margin: 0 0 0.2em;
  background-color: #FBFBFB;
  border-radius: 0;
  border-color: #9e9a9a;
  border-width: 1px;
  font-size: 0.8125em;
  position: relative;
  color: inherit;
  font-weight: 400;
 }
.button.multi-select:after {
  font-family: iCons;
  content: "î";
  right: 4px;
  position: absolute;
  top: 0;
  top: 26%;
}


.opt-cont-small {width: 40%;}
.opt-cont-large {width: 60%;}
.opt-cont-small .button.select, .opt-cont-large .button.select {width:100%;}

.select-ui-options{
  display: none;
  text-align: left;
}
.select-open .select-ui-options{
  display:block;
}

.options-container {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0 0 0 8px;
	position: relative;
}

.options-container:first-child {padding-left: 0;}

.options-select section {
	position: absolute;
	top: 0;
	background-color: #f9f9f9;
	box-shadow: 0 5px 8px rgba(0,0,0,0.35);
	border: 1px solid #E2E2E2;
	font-size: 0.8125em;
	padding:0;
	z-index: 12;
	border-radius: 4px;
	min-width: 150px;
}

.options-select ul {
	list-style: none;
	padding: 8px 0;
	margin: 0;
	float: left;
	width: 100%;
	max-height: 350px;
	overflow-x: auto;
}

.options-select li {
	padding: 3px 12px 3px 24px;
	margin: 0;
	position: relative;
	white-space: nowrap;
	float: left;
	width: 100%;
}

.options-select li.initial-select {

}

.options-select li:before {
	position: absolute;
	left: 6px;
	top: 7px;
	font-size: 14px;
}

.options-select .filter-selected li:hover,
.options-select .filter-available li:hover,
.options-select li:hover:before,
.options-select li:hover  {
	background-color: #333e49;
	color: #fff;
	cursor: pointer;
}
.options-select li:hover:before {
	background-color: transparent;
}

.options-select li.disabled,
.options-select li.disabled:before,
.options-select li.disabled:hover,
.options-select li.disabled:hover:before {
	color: #999;
	cursor: default;
	background-color: transparent;
}

.options-select footer {
	border-top: 1px dotted #ccc;
	display: block;
	padding: 12px;
	margin-top: 6px;
	clear: both;
}

.options-select footer h5 {
	font-weight: 400;
	font-size: 1em;
	margin: 0;
}

.options-select footer p {
	padding: 0;
	margin: 0;
}
.options-select footer a{
	color:#06c;
}

.select-data {
	margin-right: 12px;
	float: left;
}
.opt-cont-small + .opt-cont-large .select-ui-options .select-data{
	width: 110px;
	padding-bottom: 2px;
	white-space: normal;
	line-height: 1.2;
}

/*LP-9140*/
.popupContent .opt-cont-small + .opt-cont-large .select-ui-options .select-data{
	width: 136px;
}


.options-container:first-child:last-child {
	width:100%!important;
}

/* WHD-16274 - Standardize pulldowns to be the same width */
.product-options .options-container:first-child:last-child .button.select {
	max-width: 100%;
}

.product-options .options-container .button.select:before {
  top: 5px;
}
.product-options .options-container .button.select:after {
  top: -6px;
}
.options-select a {
	color:#333e49;
	cursor: pointer;
}
.options-select li:hover a {
	color:#fff;
}
.options-select a:before {
	color: inherit;
}

a.select .select-data {
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
} /*truncate LP-8597*/
a.select .select-data:hover {
	color:inherit
}

#shippingOptionsPlaceholder a.select .select-data {
	max-width:90%;
}

/* !3rd party buttons */
 .googlepay {
  background-color: #fff;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  outline: 0;
  padding: 11px 24px;

  min-width: 90px;
  height: 40px;
  min-height: 40px;
}

.googlepay.long {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22101%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%201.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2012H.148V1.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V4.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V4.86h1.54V12h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%204.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2012h-1.624L33.13%206.876h-.042L31.464%2012h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%204.86h1.54V12h-1.54V4.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V6.218h-1.246V4.86h1.246V2.844h1.54V4.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V12h-1.54V7.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V12h-1.54V1.976z%22%20fill%3D%22%233C4043%22%2F%3E%3Cpath%20d%3D%22M80.441%202.488v3.857h2.378c.567%200%201.035-.19%201.406-.572.38-.38.57-.832.57-1.357%200-.514-.19-.962-.57-1.342-.37-.39-.84-.586-1.406-.586h-2.378zm0%205.214v4.473h-1.42V1.131h3.767c.958%200%201.77.32%202.44.956.68.638%201.02%201.414%201.02%202.33%200%20.935-.34%201.717-1.02%202.344-.659.627-1.473.94-2.44.94h-2.347v.001zm7.242%202.159c0%20.37.157.68.471.926.314.247.682.37%201.104.37.597%200%201.13-.221%201.598-.663.469-.442.702-.961.702-1.557-.443-.35-1.06-.525-1.853-.525-.577%200-1.058.14-1.443.417-.386.278-.58.62-.58%201.032m1.839-5.49c1.05%200%201.878.28%202.486.84.608.56.911%201.33.911%202.306v4.658h-1.359v-1.049h-.062c-.586.864-1.37%201.296-2.347%201.296-.834%200-1.531-.247-2.092-.74-.561-.494-.842-1.111-.842-1.851%200-.782.296-1.404.888-1.866.592-.463%201.382-.695%202.37-.695.844%200%201.539.154%202.084.463v-.324c0-.494-.196-.913-.586-1.257a2.013%202.013%200%200%200-1.374-.517c-.794%200-1.42.334-1.884%201.003l-1.251-.787c.69-.987%201.709-1.48%203.058-1.48m11.195.246l-4.741%2010.89h-1.467l1.76-3.81-3.119-7.08h1.544l2.255%205.43h.03l2.193-5.43z%22%20fill%3D%22%235F6368%22%2F%3E%3Cpath%20d%3D%22M74.7%206.738c0-.447-.037-.878-.109-1.29h-5.99v2.444h3.43a2.938%202.938%200%200%201-1.268%201.928v1.588h2.048c1.199-1.106%201.89-2.74%201.89-4.67%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.6%2012.94c1.715%200%203.158-.563%204.21-1.532L70.764%209.82c-.57.383-1.304.607-2.163.607-1.657%200-3.064-1.116-3.566-2.62h-2.11v1.636a6.354%206.354%200%200%200%205.676%203.496%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.034%207.808a3.81%203.81%200%200%201%200-2.43V3.745h-2.11a6.307%206.307%200%200%200-.677%202.85%206.3%206.3%200%200%200%20.677%202.849l2.11-1.635z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.6%202.759c.936%200%201.775.322%202.437.952l1.814-1.81C71.749.875%2070.314.246%2068.6.246a6.354%206.354%200%200%200-5.677%203.497l2.11%201.635c.502-1.504%201.909-2.62%203.566-2.62%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  min-width: 140px;
}

.googlepay:hover {
  background-color: #f8f8f8;
}

.googlepay:focus {
  box-shadow: #e8e8e8;
}

.googlepay:active {
  background-color: #fff;
}

/*
@supports (-webkit-appearance: -apple-pay-button) {
	.apple-pay-button-with-text {
		display: inline-block;
		-webkit-appearance: -apple-pay-button;
		-apple-pay-button-type: buy;
	}
	.apple-pay-button-with-text>* {
		display: none;
	}
	.apple-pay-button-black-with-text {
		-apple-pay-button-style: black;
	}
	.apple-pay-button-white-with-text {
		-apple-pay-button-style: white;
	}
	.apple-pay-button-white-with-line-with-text {
		-apple-pay-button-style: white-outline;
	}
}
@supports not (-webkit-appearance: -apple-pay-button) {
*/
	.apple-pay-button-with-text {
		--apple-pay-scale: 1;
		display: inline-flex;
		justify-content: center;
		border-radius: 4px;
		padding: 0px;
		min-height: 32px;
		max-height: 64px;
    	min-width: 140px;
		width: 40%;
	}
	.apple-pay-button-black-with-text {
		background-color: black;
		color: white;
	}
	.apple-pay-button-white-with-text {
		background-color: white;
		color: black;
	}
	.apple-pay-button-white-with-line-with-text {
		background-color: white;
		color: black;
		border: .5px solid black;
	}
	.apple-pay-button-with-text.apple-pay-button-black-with-text>.logo {
		background-image: -webkit-named-image(apple-pay-logo-white);
		background-color: black;
	}
	.apple-pay-button-with-text.apple-pay-button-white-with-text>.logo {
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
	}
	.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text>.logo {
		background-image: -webkit-named-image(apple-pay-logo-black);
		background-color: white;
	}
	.apple-pay-button-with-text>.text {
		font-family: -apple-system;
		font-size: calc(1em * var(--apple-pay-scale));
		font-weight: 400;
		align-self: center;
		margin-right: calc(2px * var(--apple-pay-scale));
	}
	.cart .apple-pay-button-with-text>.text {
		display: none;
	}
	.cart.checkout-body .apple-pay-button-with-text>.text {
		display: block;
	}
	.apple-pay-button-with-text>.logo {
		width: 50px;
		height: 96%;
		background-size: 100% 60%;
		background-repeat: no-repeat;
		background-position: 0 calc(50% + 2px);
		margin-left: calc(2px * var(--apple-pay-scale));
		border: none;
	}
/* } */

@media screen and (min-width:801px) {
  .page-pdp .button.in-cart:before {
    font-size: 20px;
    padding-right: 10px;
  }
}

@media screen and (min-width:599px) {
  .googlepay {
    margin: 0;
    min-width: 160px;
  }
}

/* !--- rwd small --- */
@media screen and (max-width:599px) {
	.opt-cont-small, .opt-cont-large {width:100%!important; padding:3px 0 0;}
	.options-select section {width: 104%; margin-left: -2%; top:24px;}
	.product-options section {width:auto;}
	.opt-cont-small + .opt-cont-large .select-ui-options .select-data {width: 100%}
	.select-stock {float: left!important; text-align: left!important;}
	.options-select li {border-bottom: 1px solid #d1d1d6; padding-top: 8px; padding-bottom: 8px;}
	.options-select li:before {top: 11px;}
	.options-select li:last-child {border-bottom: 0;}
	.options-select footer {padding: 8px 4%;}
  .place-order .button {padding: 0 30px;}
  .product-options .options-container:first-child:last-child .button.select {max-width: 100%;}
}
/* !--- WEB-26039 ---*/
@media screen and (max-width: 400px){
	.options-select li{ white-space:normal;}
}