/* Basket status button */

/* #nav-fixed nav ul li.icon.basket-status-button a { */
.basket-status-button a {
	padding: 11px 5px;
}

.basket-status-button a:hover,
.basket-status-button a:focus {
	text-decoration: none;
}

/* #nav-fixed nav .basket-status-button .badge { */
.basket-status-button .badge {
	margin-top: -15px;
	margin-left: -10px;

	background-color: Red;
	padding: 3px 7px;
	font-size: 10px;
}


@media (max-width: 767px) {

	#basket-status-button,
	#basket-status-close-button {
		position: fixed;
		top: 10px;
		right: 110px;
		background-color: White;
		height: 44px;
		z-index: 1201;
	}

	html.ccm-toolbar-visible #basket-status-button,
	html.ccm-toolbar-visible 	#basket-status-close-button {
		top: 58px;
	}

	#basket-status-close-button {
		right: 10px;
	}

	#basket-status-button .fa,
	#basket-status-close-button .fa {
		font-size: 24px;
		padding: 10px 0px;
	}

	#basket-status-button a,
	#basket-status-close-button a {
		color: rgb(79,79,79) !important;
	}

	#basket-status-close-button a {
		display: block;
		width: 41px;
		text-align: center;
	}

	#basket-status-button a:hover,
	#basket-status-close-button a:hover {
		text-decoration: none;
	}

}

/* Basket status */

body.checkout #basket-status,
body.payment #basket-status,
body.checkout .basket-status-button,
body.payment .basket-status-button {
	display: none !important;
}

#basket-status {
	display: none;
	background-color: White;
}

@media (max-width: 767px) {
	#basket-status {
		/* position: fixed; */
		/* top: 60px; */
		/* left: 0px; */
		/* z-index: 1300; */
		width: 100%;
		max-height: 100%;
		padding-bottom: 15px;
		padding-top: 60px;
		overflow-y: auto;
	}

	#basket-status .header {
		padding: 22px 5px;
	}
}

@media (min-width: 768px) {

	#basket-status {
		position: absolute;
		right: -130px;
		top: 44px;
		z-index: 1300;
		width: 400px;
	}

}