@charset "UTF-8";

.container {
    max-width: none;
    padding: 0;
}
body > .container {
    padding: 60px 0 0;
}

.caisse-container {
    margin-left: auto;
}

.product_container {
	margin-right: 10rem;
}

.ticket_container {
	border: 1px dotted #222;
	background-color: #F5F5F5;
	width: 10rem;
	
	position: fixed;
	top: 3rem;
	right: 0px;
	
	height: 80%;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 10;
}

hr  {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}


.product {
	font-size: 1.5rem;
	min-width: 8em;
	min-height: 10em;
	max-width: 8em;
	max-height: 10em;
	
		
	background-color: #CCC;
	border 4px solid black;
	padding: 0.1rem;
	margin: 0.3rem;
	border-radius: 0.5rem;
}

.product_img_container {
	width: 8em;
	height: 7em;
}

.product_img {
	width: 6em;
	height: 6em;
	object-fit: contain;
	margin: 0.5em 1em;
}
.product .badge {
	font-size: 0.8em;
	padding: .1em .2em;
}

.product_remaining {
	float: left;
	font-size: 1rem;
}

.product_price {
	float: right;
	font-size: 1rem;
}

a.no-link {
	display: block;
	color: black;
	text-decoration: none;
}


.disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.icon {
	width: 2em;
	height: 2em;
}


.ui-sortable-placeholder {
    border: 2px dashed black;
    background-color: #EEE;
}



/*****************/
/* MEDIA QUERIES */
/*****************/

@media (max-width: 991px) {
	.product {
		font-size: 0.8em;
	}
}