/*
@@@@@@@@@@@@@@@@@@@@@@
ORDERPALLET
@@@@@@@@@@@@@@@@@@@@@@

	about				CSS for the orderpallet object
	
	syntax

*/


.order .ordernotice {
	display: flex;
	align-items: center;
	gap:3px;
	margin-top: 3px;
  } 




	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	sets
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ paletBox
		..........................................................................*/
			
			.paletBox{position:relative; overflow:hidden; margin:0px 0px 0px -12px; }
			.paletBox strong{position:absolute; top:0px; left:-15px; font-size:24px; text-align:center; width:95px; height:95px; line-height:95px; background-color:#dedfe1; border-radius: 500px; -moz-border-radius: 500px; -webkit-border-radius: 500px;  }
			
			.paletBox li{display:none; text-align:center; }
			.paletBox li.active{display:block; }
			
			
		/*+ orderAmount
		..........................................................................*/
		
			.orderAmount{overflow:hidden; position:relative; }
			.orderAmount ul{overflow:hidden; }
			.orderAmount li{float:left; width:61px; height:72px; }
			.orderAmount li +  li{margin:0px 0px 0px -9px; }
		
			.orderAmount strong{font-size:18px; position:absolute; top:20px; right:0px;}
		
		/*+ plates
		..........................................................................*/
			
			.paletBox .plates { width: 160px; height: 204px; float: right; margin-top: -20px; position: relative; }
			
			.paletBox .plate{position:absolute; bottom:-3px; left:0px;}
			
			.paletBox .plates img.box1 { position: absolute; bottom: 30px; right: 15px; z-index: 100; }
			.paletBox .plates img.box2 { position: absolute; bottom: 36px; right: 48px; }
			.paletBox .plates img.box3 { position: absolute; bottom: 26px; right: 75px; }
			.paletBox .plates img.box4 { position: absolute; bottom: 19px; right: 41px; z-index: 101; }
			.paletBox .plates img.box5 { position: absolute; bottom: 69px; right: 42px; }
			.paletBox .plates img.box6 { position: absolute; bottom: 62px; right: 16px; z-index: 102; }
			.paletBox .plates img.box7 { position: absolute; bottom: 58px; right: 75px; }
			.paletBox .plates img.box8 { position: absolute; bottom: 51px; right: 42px; z-index: 103; }
			.paletBox .plates img.box9 { position: absolute; bottom: 102px; right: 42px; }
			.paletBox .plates img.box10 { position: absolute; bottom: 93px; right: 16px; z-index: 103; }
			.paletBox .plates img.box11 { position: absolute; bottom: 89px; right: 75px; }
			.paletBox .plates img.box12 { position: absolute; bottom: 83px; right: 42px; z-index: 104; }
			.paletBox .plates img.box13 { position: absolute; bottom: 131px; right: 42px; }
			.paletBox .plates img.box14 { position: absolute; bottom: 125px; right: 16px; z-index: 105; }
			.paletBox .plates img.box15 { position: absolute; bottom: 120px; right: 75px; }
			.paletBox .plates img.box16 { position: absolute; bottom: 115px; right: 42px; z-index: 106; }