@charset "UTF-8";
/* voir template variant Arlon*/
$delete-from-basket-color: $primary-color !default;
$basket-button-background-color: $primary-color !default;
$basket-button-text-color: white !default;
$basket-button-background-color-hover: darken(
	$basket-button-background-color,
	8%
);
$basket-button-text-color-hover: white !default;
$basket-button-border-radius: 3px;
$basket-text-color: $nav-background !default;
$box-shadow-hover-button: 0 1px 1px rgba(0, 0, 0, 0.01),
	2px 2px 2px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.05),
	0 16px 16px rgba(0, 0, 0, 0.001) !default;

div.lingobasketcell ul li a {
	padding-bottom: 0;
}

div.lingobasketcell ul li a.basket-number {
	margin-left: 0.4em;
	margin-right: 0.8em;
}
div.lingobasketcell .lingo_item_price {
	display: inline-block;
	padding: 0 2em;
	margin: 0;
}
div.lingobasketcell ul {
	list-style: none;
	& li {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 3ex 1em 0 1em;
	}
}
div.lingobasketcell ul li:last-child {
	display: inline-block;
}
/*Boutton "Commander un autre document"*/
div#columns a#workflow-button-command,
div#columns a#new-command,
div#columns a#workflow-button-paid {
	vertical-align: middle;
	display: inline-table;
	font-weight: normal;
	color: $basket-button-text-color;
	background-color: $basket-button-background-color;
	border: solid $basket-button-background-color 1px;
	border-radius: $basket-button-border-radius;
	text-align: center;
	text-decoration: None;
	padding: 10px 15px;
	box-shadow: $box-shadow-hover-button;
	&:hover {
		box-shadow: $box-shadow-hover-button;
	}
}
/*Bouton "Payer votre commande"*/
.page-panier a#workflow-button-paid,
input#pay {
	vertical-align: top;
	margin-left: 20px;
	display: inline-table;
	font-weight: normal;
	color: $basket-button-text-color;
	background-color: $basket-button-background-color;
	border: solid $basket-button-background-color 1px;
	border-radius: $basket-button-border-radius;
	text-align: center;
	text-decoration: None;
}
/*******************************************************  HOVER ITEM
**/
div#columns a#workflow-button-command:hover,
div#columns a#workflow-button-paid:hover,
div#columns input#pay:hover,
div#columns a#new-command:hover {
	background-color: $basket-button-background-color-hover;
	color: $basket-button-text-color-hover;
}
@media screen and (max-width: 480px) {
	div#columns a#workflow-button-command,
	div#columns a#new-command,
	div#columns a#workflow-button-paid,
	.page panier a#workflow-button-paid,
	input#pay {
		margin: 1.5em auto;
		display: block;
	}
}
