.rolls .row{
	margin-top:15px;
	justify-content: space-around;
}
.rolls .binPacking{
	display:flex;
    justify-content: space-around;
	
}
	.rolls .binPacking .tri{
		background: #ccc;
		padding: 3px 10px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	
#rolls, .rolls-med {
	display:flex;
	justify-content:space-around;
    flex-wrap: wrap;
	/* overflow:auto; */
}
	#rolls .roll, .rolls-med .roll{
		position:relative;
		margin:25px 20px;
	}
	.roll .flag{
		position:absolute;
		left:-9px;
		cursor:default;
	}
	.roll .coef{
		position: absolute;
		width: 30px;
		right: -14px;
		background: #f1b8c4;
		font-size: .8em;
		text-align: center;
	}
	.roll .coef.ok{
		background: azure;
	}
	.roll .container{
		width: 100%;
		height: 400px;
		border: 2px solid #ac9c9c;
		border-top: none;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		/* margin: 20px 20px 0 20px; */
		display: flex;
		flex-wrap: inherit;
		padding: 3px;
		flex-direction: column-reverse;	
		background:lightgreen;
	}
	.roll .container.contraint{
		background:#f1b8c4;
	}
	.roll .roulettes{
		margin:0 40px;
		display: flex;
		justify-content: space-between;
	}
	.roll .etage{
		border-bottom: 1px solid #000;
		margin: 2.3px 0 0 0;
		display: flex;
		flex-flow: wrap-reverse;
	}
	.roll .etage .remplissage{
		position:absolute;
	}
	.roll .etage.full{
		justify-content: space-between;
	}
	.roll .etage .carton{
		background: #CCC;
		display: flex;
		margin-right: 1px;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	.roll .etage.full .carton{
		margin-right:0;
	}
	.roll .etage .carton img{
		max-width:90%;
		max-height:100%;
	}
	.roll .etage .carton.contraint{background: #f1b8c4;}



.cartonEvent{
	position:absolute;
	display:none;
    background: orange;
    border-radius: 10px;
    padding: 1px 3px;
	z-index:2000;
}
	.cartonEvent .bt{
		cursor:pointer;
		color:#000;
	}
.cartonEvent.hover{
	display:block;
}