@charset "UTF-8";

.page-panier li a,
.page-panier li span {
	display: inline-block;
	color: $basket-elements-text-color;
}

.page-panier li a.label-item {
	width: 30em;
}
.page-panier li span.amount-item {
	width: 20em;
}

/* Skin "supprimer" in basket page*/
.page-panier li a.remove-item {
	text-transform: uppercase;
}

/* Skin "Total price" in basket page*/
.page-panier form li:last-child > strong {
	margin-left: 24em;
}

/* Skin "Total price" in basket page*/
.page-panier form li:last-child {
	border-top: 1px solid black;
	font-weight: bold;
	display: block;
	margin-top: 1em;
	padding-top: 1em;
	width: 98%;
	font-size: 1.5em;
}

/*Boutton "Commander un autre document"*/
.page-panier a#workflow-button-command,
a#new-command {
	vertical-align: middle;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	color: $basket-button-text-color;
	background-color: $basket-button-background-color;
	width: 200px;
	height: 3em;
	line-height: 1.5em;
	padding: 1px;
	border: solid $basket-button-background-color 1px;
	border-radius: 10px;
	text-align: center;
	text-decoration: None;
}

/*Bouton "Payer votre commande"*/
.page-panier a#workflow-button-paid,
input#pay {
	vertical-align: middle;
	float: left;
	margin-left: 20px;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	color: $basket-button-text-color;
	background-color: $basket-button-background-color;
	width: 200px;
	height: 3.3em;
	line-height: 2.5em;
	padding: 1px;
	border: solid $basket-button-background-color 1px;
	border-radius: 10px;
	text-align: center;
	text-decoration: None;
}

.page-panier a#new-command,
input#pay {
	margin-top: 2em;
}

/*HOVER ITEM */

.page-panier a#workflow-button-command:hover,
a#workflow-button-paid:hover,
input#pay:hover,
a#new-command:hover {
	background-color: $basket-button-background-color-hover;
	color: $basket-button-text-color-hover;
}

/* multi panier*/
body.page-panier form {
	display: inline-block;
	width: 100%;
}
