#cart-sidebar {
	/* margin-top: calc(1.625rem * -1px); */
	top: 0;
	position: fixed;
	right: 0px;
	height: 100%;
	border: 1px solid #e6a52c;
	width: 398px;
	z-index: 4;
	background-color: rgb(16, 19, 21);
	animation-name: slide;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	display:none;
	box-shadow: -3px 0px 10px 1px #49340e;
	background: linear-gradient(rgba(16, 19, 21,0.7),rgba(16, 19, 21,0.7)),url(/web/images/backgrounds/bg_black.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow-y: scroll;
	/* filter:brightness(0.4); */
}

@keyframes slide {
	from {right: -400px;}
	to {right: 0px;}
}

@media only screen and (max-width: 400px) 
{
	#cart-sidebar {
		width: 100%;
	}
}

#close-sidebar{
	cursor: pointer;
	position: fixed;
	right:20px;
	top:20px;
	z-index: 5;
}

.cart-item-list {
	padding: 10px 10px;
	margin: 0;
	/* margin-top: 10px; */
	list-style: none;
}

.cart-item {
	border-bottom: 1px dashed #e6a52c;
	padding: 5px 0px;
}

.cart-item:first-child {
	border-top: 1px dashed #e6a52c;
}

.cart-item-image {
	display: inline-block;
	margin-right: 20px;
	margin-left: 10px;
	align-self: center;
}

.cart-item-inner {
	display: inline-block;
	align-self: center;
}

.cart-index-container {
	position:static;
	/* margin-top: -10px; */
	padding: 0px 2px 0px 1px;
	border-radius: 35%;
	background-color: #e6322c;
	color: #fff;
	font-weight: bold;
	font-size: 8px;
}

.cart-index {
	
}