.ajax-atc {
	display: block; 
	background: lightblue; 
	padding: 10px; 
	text-align: center; 
	color: #ffffff;
}

.ajax-atc-onclick-error-message { 
	pointer-events: none; 
	opacity: 0;
}
.product.recently-error .ajax-atc-onclick-error-message { 
	pointer-events: default;
	animation: showErrorMessage 2s ease-in-out;
}
.ajax-atc-error-message { display: none; background-color: #cd1c1f; padding: 5px 10px; border-radius: 3px; color: #ffffff; }
.ajax-atc-error-message.show { display: inline-block; }

.ajax-atc.disabled {
	opacity: 0.3;
}

.product.product-added:after {
	content: 'N';
	font-family: 'ETmodules' !important;
	display: block;
	background: #a8cd1b;
	position: absolute;
	color: #ffffff;
	font-size: 40px;
	top: 40%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 10px;
	transform: translateY(-50%);
	text-align: center;
	width: 68px;
	border-radius: 50px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	animation: fadeicon 1s ease-in-out; 
	opacity: 0;
	pointer-events: none;
}
.product.product-notadded:after {
	content: 'M';
	font-family: 'ETmodules' !important;
	display: block;
	background: #cd1c1f;
	position: absolute;
	color: #ffffff;
	font-size: 40px;
	top: 40%;
	margin: 0 auto;
	left: 0;
	right: 0;
	padding: 10px;
	transform: translateY(-50%);
	text-align: center;
	width: 68px;
	border-radius: 50px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	animation: fadeicon 1s ease-in-out; 
	opacity: 0;
	pointer-events: none;
}


/*Notices*/
#ajax-atc-noticeswrapper {
	position: fixed;
	background: #B30000;
	color: #ffffff;
	padding: 15px;
	top: 50px;
	max-width: 80vw;
	left: 50vw;
	transform: translateX(-50%);

	opacity: 0;
	pointer-events: none;
	z-index: 1000001;
	transition: 0.2s all ease-in-out;
}
#ajax-atc-noticeswrapper a { display: none; }
#ajax-atc-noticeswrapper.show {
	transform: translateX(-50%) translateY(10px);
	animation: showErrorMessage 3s ease-in-out;
}
#ajax-atc-noticeswrapper.show:before {
	content: '\72';
	font-family: 'ETmodules' !important;
	color: #ffffff;
	margin-right: 10px;
	font-size: 20px;
	vertical-align: top;
}




/*Cart Icon*/
.et-cart { display: inline-block; position: relative; }
.et-cart .et-cart-info span:before { margin-right: 0; }
.et-cart-number { 
	font-size: 10px; 
	border-radius: 20px;  
	color: #000000;
	min-width: 10px; 
	display: block; 
	position: absolute;
	top: -12px;
	
	right: 0;
	height: 16px;
	line-height: 16px;
	text-align: center;
	
	width: 16px;
}
.et-cart.cart-added {
	animation: miniBounce 0.4s ease-in-out; 
}












@keyframes miniBounce {
    0%{ -webkit-transform:translateY(0px);}
    30%{ -webkit-transform:translateY(-15px) ;}
    60%{ -webkit-transform:translateY(0px);}
    70%{ -webkit-transform:translateY(-5px);}
    100%{ -webkit-transform:translateY(0);}
}

@keyframes fadeicon {
    0% {
        top: calc(120px + 10px);
        opacity: 0;
    }
    10% {
        top: 120px;
        opacity: 1;
    }
    80% {
        top: 120px;
        opacity: 1;
    }
    100% {
        top:calc(120px - 20px);
        opacity: 0;
    }
}

@keyframes showErrorMessage {
    0%{ opacity: 0;}
    20%{ opacity: 1;}
    80%{ opacity: 1;}
    100%{ opacity: 0;}
}