@CHARSET "UTF-8";
.variantsForm {padding: 5px;position: relative;z-index: 99;clear: both;width: 90%;margin: 5px auto;max-width: 400px;font-size: small;}
.variantsForm .addToCart, .variantsForm .goToProductButton {border-style: none;padding: 5px;position:static;}
.variantsForm .qty {float: left;width:24%;position:static;}
.variantsForm .addToCart.unavailable {cursor: default;opacity:0.6}
.variantsForm .productVariants {display: block;width: 99%;margin-bottom: 12px;text-align: center;padding: 5px;}
.variantsForm .singleVariantLabel, .variantsForm .productVariantsList {display: block;text-align: center; color: black;}
.variantsForm .qtyAndAddToCartButton, .variantsForm .goToProductButtonWrapper {margin-top: 20px;}
.variantsForm .addToCart.available:hover, .variantsForm .goToProductButton:hover {
  box-shadow: 4px 4px 6px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 4px 4px 6px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 4px 4px 6px 0 rgba(0,0,0,.2);
  -o-box-shadow: 4px 4px 6px 0 rgba(0,0,0,.2);
  -ms-box-shadow: 4px 4px 6px 0 rgba(0,0,0,.2);
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
 
.variantsForm .spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -5%;
  /* top: 50%; */
  z-index: 999;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
  -webkit-animation: spinner .6s linear infinite;
  -moz-animation: spinner .6s linear infinite;
  -o-animation: spinner .6s linear infinite;
  -ms-animation: spinner .6s linear infinite;
}

.variantsForm .spinner.small:before {
  left: 60%;
}

.succesFixedMessageClass {
    position: fixed;
    width: 100%;
    z-index: 9999999;
  	padding: 3px;
  	display:none;
}
.succesFixedMessageWindowClass {
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: 0;
}
.succesFixedMessageWindowClass.warning {
  	border: 1px solid #f8d7da;
}
.succesFixedMessageWindowClass .warning {
  	position: relative;
	top: 1px;
	font-weight: bold;
}
.succesFixedMessageWindowClass .close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
  	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
}

.succesFixedMessageClass {
    position: fixed;
    width: 100%;
    z-index: 9999999;
  	padding: 3px;
  	display:none;
}
.succesFixedMessageWindowClass {
	padding: .75rem 1.25rem;
	border: 1px solid transparent;
	border-radius: 0;
}
.succesFixedMessageWindowClass.warning {
  	border: 1px solid #f8d7da;
}
.succesFixedMessageWindowClass .warning {
  	position: relative;
	top: 1px;
	font-weight: bold;
}
.succesFixedMessageWindowClass .close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
  	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
}