.badge {
	color: var(--fastbit-hallon) !important;
	cursor: pointer !important;
}
.badge:after{
	content:attr(data-count);
	position: relative;
	height: 1rem;
	top: -1rem;
	width: 1rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.6rem;
	padding: 3px;
	border-radius: 100%;
	color:white;
}
.badge[data-count="0"]:after{ display : none; }
.badge[data-count="0"] { display : none; }
.badge[data-count!="0"] { display : inline-block; }
.badge[data-commercial="0"]:after{
	background: #65ba7d;
	border:1px solid #65ba7d;
}
.badge[data-commercial="1"]:after{
	background: #7d80c3;
	border:1px solid #7d80c3;
}
.cart {
	position: relative;
	display: inline-block;
}
.cart-button {
	line-height: 80px;
	font-size: 18px;
	padding: 0px;
	cursor: not-allowed;
	color: var(--fastbit-betong);
}

.main-navigation .mobile-bar-items a {
	width: 30px !important;
	padding-right: 0px !important;
}

@keyframes shape-polymorph {
	40%{
		-webkit-box-shadow:0px 0px 0px 15px rgba(255,255,255,0);
		-webkit-transition:box-shadow .4s;
	}
}

@keyframes shoppingcart-pulse {
	0% {
		transform: scale(0.95);
		background-color: rgba(233,79,32, 0.7);
		box-shadow: 0 0 0 0 rgba(233,79,32, 0.7);
	}

	70% {
		transform: scale(1);
		background-color: rgba(255, 255, 255, 0.7);
		box-shadow: 0 0 0 50px rgba(252,190,0, 0);
	}

	100% {
		transform: scale(0.95);
		background-color: rgba(255, 255, 255, 0.7);
		box-shadow: 0 0 0 0 rgba(252,190,0, 0);
	}
}

.shoppingcart-pulse-animation {
	box-shadow: 0 0 0 -10px rgba(233,79,32, 1);
	border-radius:100px;
	animation: shoppingcart-pulse 2s 3;
}

@media screen and (max-width: 768px) {
	.cart-view {
		position: relative;
		max-width: 80% !important;
	}

	.order_cart > tbody > tr > td > span {
		display: block !important;
	}
	
	.cart_header_left {
		width: calc(100%-120px) !important;
	}

	.cart_header_right {
		width: 120px !important;
	}
	
	.order_cart_container {
		padding: 10px !important;
	}
}
.cart-view {
	display: none;
	position: absolute;
	z-index: 9999;
	min-height: 50px;
	min-width: 450px;
	background: #f1f1f1;
	padding: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	font-size: 12px;
	right: 0;
}
.order_cart_container {
	padding: 20px;
	margin: 20px 0px 20px 0px;
	background-color: var(--base-2);
	border: 1px solid !important;
	border-color: var(--base) !important;
}
.cart-view > h3 {
	font-size: 16px;
	margin: 5px 0px 10px 10px;
}
.cart-view > h3 > a {
	font-size: 12px;
	float: right;
	cursor: pointer;
}

.order_cart_summary {
	color: var(--contrast);
	padding: 5px;
}
.cart_title {
	font-size: 18px;
}
.cart_sub_item {
	line-height: 16px;
	padding: none;
}
.cart_campaign {
	color: #E94F20;
	font-weight: 600;
}
.cart_sub_item td {
	padding: 4px 4px;
}
.cart_sub_item > td:first-child {
	padding-left: 20px !important;
}
.order_cart {
	border: none;
	border-collapse: collapse;
	margin: 0px !important;
}
.order_cart > thead {
	font-size: 0.8em;
	text-align: right;
}
.order_cart > thead > tr > th {
	border: none;
}
.order_cart > thead > tr > th:nth-child(1) {
	text-align: left;
}
.order_cart > tbody > tr > td {
	white-space: nowrap;
	border: none;
	text-align: right;
}
.order_cart > tbody > tr > td > i {
	cursor: pointer;
}
.order_cart > tbody > tr > td > span {
	margin-left: 40px;
}
.order_cart > tbody > tr > td:nth-child(1) {
	text-align: left;
}
.order_cart > tbody > tr > td:nth-child(2),
.order_cart > tbody > tr > td:nth-child(3) {
	width: 80px;
}
.order_cart > tbody > tr > td:nth-child(4) {
	width: 40px;
}
.order_cart > tfoot {
	display: none;
	font-weight: 800;
	font-size: 0.8em;
	border-top: 1px solid #cccccc;
}
.order_cart > tfoot > tr > td {
	border: none;
	text-align: right;
}
.order_cart > tfoot > tr > td:nth-child(1) {
	text-align: left;
}
.cart_view_blocker {
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: ' ';
	background: rgba(0,0,0,.1);
}
#cart-info {
	margin: 5px 10px;
}
#cart-access {
	margin: 5px 10px;
}

.cart_header_left {
	width: calc(100%-200px);
	text-align: left;
}

.cart_header_right {
	width: 200px;
	text-align: right;
}