// 
// some additional styles for the pushtobasket snackbar

/* some additional styles for the pushtobasket snackbar */

.bg-black {
	background-color: #000000 !important;
}

.text-black {
	color: #000000 !important;
}

.rounded-mid {
	border-radius: 0.5rem !important;
}

.rounded-big {
	border-radius: 1.2rem !important;
}

.rounded-sides {
	border-radius: 10rem !important;
}

.rounded-elliptic {
	padding: 0.5rem;
	border-radius: 48% !important;
}

.snackbar-topleft {
	position: fixed !important;
	top: 2rem !important;
	left: 2rem !important;
	z-index: 10000 !important;
}
.snackbar-top {
	position: fixed !important;
	top: 2rem !important;
	left: 50% !important;
	transform: translate(-50%, 0) !important;
	z-index: 10000 !important;
}
.snackbar-topright {
	position: fixed !important;
	top: 2rem !important;
	right: 2rem !important;
	z-index: 10000 !important;
}
.snackbar-bottomleft {
	position: fixed !important;
	bottom: 2rem !important;
	left: 2rem !important;
	z-index: 10000 !important;
}
.snackbar-bottom {
	position: fixed !important;
	bottom: 2rem !important;
	left: 50% !important;
	transform: translate(-50%, 0) !important;
	z-index: 10000 !important;
}
.snackbar-bottomright {
	position: fixed !important;
	bottom: 2rem !important;
	right: 2rem !important;
	z-index: 10000 !important;
}
.snackbar-center {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 10000 !important;
}

.snackbar-opacity-0 {
	opacity:0.00 !important;
}
.snackbar-opacity-25 {
	opacity:0.30 !important;
}
.snackbar-opacity-50 {
	opacity:0.6 !important;
}
.snackbar-opacity-75 {
	opacity:0.80 !important;
}
.snackbar-opacity-100 {
	opacity:1.00 !important;
}

.snackbar-flex {
	display:flex;
	justify-content: space-between;
	align-items:center;
}

.snackbar-basket {
	flex: 0 0 auto;
}
.snackbar-text {
	flex: 0 1 auto;
}

#basket-snackbar.toast.show {
	opacity: unset;
}