@charset "utf-8";
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

.no-close .ui-dialog-titlebar-close {display: none;}

/********** SCROLLBAR **********/
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-track {background: #ddd;}
::-webkit-scrollbar-thumb {background: #999;}

.icon-info-purple {background-image: url(../img/icon-info-purple.png);}
.icon-warning {background-image: url(../img/icon-warning.png);}

.requesteditem
{
	width: 98px;
	height: 45px;
	background: url(../img/van.png) center no-repeat;
	background-size: cover;
	float: right;
	margin: 7px 30px 0 0;
	-webkit-animation: fadeinout 2s infinite;
	cursor: pointer;
}
.topbar-message
{
	width: 45px;
	height: 45px;
	background: url(../img/notification.png) center no-repeat;
	background-size: cover;
	float: right;
	margin: 7px 30px 0 0;
	-webkit-animation: fadeinout 3s infinite;
	cursor: pointer;
}
.topbar-message.allread
{
	width: 45px;
	height: 45px;
	background: url(../img/notification-allread.png) center no-repeat;
	background-size: cover;
	float: right;
	margin: 7px 30px 0 0;
	-webkit-animation: none;
	cursor: pointer;
}
@-webkit-keyframes fadeinout
{
	0%
	{
		opacity: .6;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		opacity: .6;
	}
}

.clock
{
	float:right;
	background-image: url(../img/clock.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:50px;
	height:60px;
	margin:0 20px 0 0;
	cursor:pointer;
}
	.clock.green
	{
		background-image: url(../img/clockgreen.png);
	}

.transferstounpack
{
	float:right;
	background-image: url(../img/unpack.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width:52px;
	height:60px;
	margin:0 20px 0 0;
	cursor:pointer;
}

.errormessage
{
	background: #faffbd;
	margin: 20px 20px 0 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

.receipt
{
	float:left;
	width:400px;
	height:535px;
	margin:10px 0 0 10px;
	padding:0 20px 10px 20px;
	border:1px solid #666;
	box-shadow:2px 2px 5px #999;
}
	.receipt-logo
	{
		height:90px;
		background:url(../img/logo.jpg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.receipt-address
	{
		display: none;
		margin: 5px 0 0 0;
		font-size:11px;
		text-align:center;
	}
	.receipt-date
	{
		margin: 5px 0 0 0;
		font-size:12px;
		text-align:right;
		font-weight: bold;
	}
	.receipt-items
	{
		height:350px;
		border-bottom:1px solid #666;
		font-size:12px;
		/*overflow-y:scroll;*/
	}
		.receipt-items-item:not(.discount)
		{
			margin:1px 0 0 0;
			padding:2px 0;
			border-top: 1px dotted #ccc;
		}
			.receipt-items-item .right
			{
				margin-right: 3px;
			}
		.receipt-items-item.selected
		{
			background: #f4fe81;
		}
		.receipt-items-item:first-child
		{
			border-top: 0;
		}
			.receipt-items-item.discount
			{
				margin: 0 0 2px 0;
				font-weight:bold;
			}
			.receipt-items-item-colorsize
			{
				margin:0 0 0 10px;
				font-size:12px;
			}
	.receipt-totalitems
	{
		float: left;
		margin: 10px 0 0 0;
	}
		.receipt-totalitems-number
		{
			font-size: 24px;
			float: left;
		}
		.receipt-totalitems-text
		{
			float: left;
			margin: 8px 0 0 5px;
		}
	.receipt-totals
	{
		float:right;
		width:200px;
		margin:10px 0 0 0;
		font-size:16px;
	}
		.receipt-totals-subtotal,
		.receipt-totals-discount
		{
			font-size: 14px;
		}
		.receipt-totals-total
		{
			margin: 5px 0 0 0;
			font-weight:bold;
		}
	.receipt-footer
	{
		margin:5px 0 0 0;
		font-size:11px;
		text-align:center;
	}
	
.keypad
{
	float:right;
	position:relative;
	margin:10px 10px 0 0; 
	background:#000; 
	padding:5px 15px 15px 5px; 
	color:#fff; 
}
	.keypad-input
	{
		margin:5px 0 0 10px;
		text-align:left;
	}
	
	.keypad-button
	{
		float:left; 
		width:110px; 
		height:110px;
		font-size:40px;
		margin:10px 0 0 10px;
		text-align:center;
		line-height:110px;
		background:#444;
	}
		.keypad-button.wide
		{
			width:230px;
		}
		.keypad-button.tall
		{
			height:350px;
			line-height:350px;
		}

.button-checkout
{
	width:100px; 
	height:100px; 
	margin:20px 0 0 20px; 
	background:url(../img/checkout.png) center no-repeat;
	background-size:contain; 
	opacity:.2;	
}
	.button-checkout.enabled
	{
		cursor:pointer;
		opacity:1;	
	}
.button-reservation
{
	width:80px; 
	height:80px; 
	margin:30px 0 0 35px; 
	background:url(../img/reservationblack.png) center no-repeat; 
	background-size:contain; 
	opacity:.2;		
}
	.button-reservation.enabled
	{
		cursor:pointer;
		opacity:1;	
	}
.button-voucher
{
	width:80px; 
	height:80px; 
	margin:200px 0 0 20px; 
	background:url(../img/voucherblack.png) center no-repeat; 
	background-size:contain; 
	opacity:.2;	
}
	.button-voucher.enabled
	{
		cursor:pointer;
		opacity:1;	
	}
.button-printlastreceipt
{
	width:50px; 
	height:50px; 
	margin:50px 0 0 20px; 
	background:url(../img/receipt.png) center no-repeat; 
	background-size:contain; 
	opacity:.2;	
}
	.button-printlastreceipt.enabled
	{
		cursor:pointer;
		opacity:1;	
	}
	
.lock-overlay
{
	position: fixed; 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	background: #000 url(../img/lock-bg.png) center no-repeat;
	background-size: contain;
	opacity: .95; 
	z-index: 900;
}

/* Popup */
.popup-overlay
{
	position: fixed; 
	width: 100%; 
	height: 100%; 
	left: 0; 
	top: 0; 
	background: rgba(0,0,0,.6); 
	z-index: 300;
}
.popup-overlay.dark
{
	opacity: .85 !important;
}
.popup
{
	position: fixed;
	background: #fff;
	box-shadow: 0 4px 4px #000;
	z-index: 400;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
	.popup-button
	{
		height:50px; 
		background:#c33; 
		text-align:center;
		color:#fff;
		font-size:18px;
		line-height:50px;
		border-top:1px solid #903;
		border-bottom:1px solid #966;
		cursor:pointer;
	}
		.popup-button.disabled
		{
			background: #ccc;
			color:#999;
			cursor:default;
			border-color:#666;
			
		}
		.popup-button span
		{
			position: relative;
		}
		.popup-button span:before
		{
			position: absolute;
			content: '';
			left: 0;
			top: 50%;
			right: 0;
			border-top: 2px solid #fff;
			transform: rotate(-5deg);
		}
	.popup-bigbutton
	{
		height:160px; 
		background:#C33; 
		text-align:center;
		color:#fff;
		border-top:1px solid #903;
		border-bottom:1px solid #966;
		cursor:pointer;
	}
		.popup-bigbutton-largetext
		{
			margin: 40px auto 0 auto;
			font-size: 40px;
		}
		.popup-bigbutton-smalltext
		{
			margin: 30px auto 0 auto;
			font-size: 18px;
		}
		.popup-bigbutton span
		{
			position: relative;
		}
		.popup-bigbutton span:before
		{
			position: absolute;
			content: '';
			left: 0;
			top: 50%;
			right: 0;
			border-top: 2px solid #fff;
			transform: rotate(-5deg);
		}
	.popup-button.cash
	{
		height:100px;
		background-image:url(../img/cash.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	.popup-button.creditcard
	{
		height:100px;
		background-image:url(../img/creditcard.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	.popup-button.mixedpayment
	{
		height:100px;
		background-image:url(../img/mixedpayment.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	
	.popup-button.voucher
	{
		height:100px;
		background-image:url(../img/voucher.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	.popup-button.cashback
	{
		height:100px;
		font-size:18px;
	}
	.popup-button .cashback-img
	{
		height:70px;
		background-image:url(../img/cash.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	.popup-button .creditcardback-img
	{
		height:70px;
		background-image:url(../img/creditcard.png);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	.popup-button .cashback-text
	{
		height:30px; 
		color:#fff; 
		text-align:center; 
		background:#c33;
		line-height:24px;
	}
	
.popup-countries
{
	position: fixed;
	width:450px; 
	height:598px; 
	text-align:center; 
	background:#000;
	box-shadow: 0 4px 4px #000;
	z-index: 400;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 1000;
}
	.popup-countries-column
	{
		float: left;
		width: 150px;
	}
	.popup-countries-country-outer
	{
		width:150px; 
		height:50px; 
		line-height:50px; 
		background:#000; 
		color:#fff;
		float: left;
	}
		.popup-countries-country-inner
		{
			margin:1px; 
			height:48px; 
			background:#666; 
			cursor:pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			padding: 0 5px;
		}
		.popup-countries-loading
		{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 32px;
			height: 32px;
			background: url(../img/loading.gif) center no-repeat;
		}
.popup-iframe
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* menu */
.menu-icon
{
	float: right; 
	width: 70px; 
	height: 60px; 
	cursor: pointer;
}
.menu-icon.active
{
	background: #fff;
}
	.menu-icon-bar
	{
		height: 6px; 
		border-radius: 6px; 
		background: #fff; 
		margin: 7px 10px 0 10px; 
	}
	.menu-icon-bar:first-child
	{
		margin-top: 14px;
	}
	.menu-icon.active .menu-icon-bar
	{
		background: #000;
	}

.menu
{
	display: none;
	position: absolute; 
	top: 60px; 
	right: 1px;
	z-index: 20; 
	width: 441px;
	overflow: hidden;
	background: #000;
	box-shadow: -1px 1px 1px rgba(255,255,255,.9), -1px 1px 1px 1px rgba(0,0,0,.5);
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
	.menu-item
	{
		width: 220px;
		float: left;
		border-bottom: 1px solid #fff;
		padding: 7px 0;
		cursor: pointer;
	}
	.menu-item:nth-child(odd)
	{
		border-right: 1px solid #fff;
	}
		.menu-item-icon
		{
			width: 40px; 
			height: 40px;  
			float: left; 
			margin: 0 0 0 20px;
			background-size: cover !important;
		}
		.menu-item.exchange .menu-item-icon
		{
			background: url(../img/exchange.png) center no-repeat; 
		}
		.menu-item.counttill .menu-item-icon
		{
			background: url(../img/cashregister.png) center no-repeat; 
		}
		.menu-item.cctotals .menu-item-icon
		{
			background: url(../img/cctotals.png) center no-repeat; 
		}
		.menu-item.incomingtransfers .menu-item-icon
		{
			background: url(../img/incomingtransfers.png) center no-repeat; 
		}
		.menu-item.requestitem .menu-item-icon
		{
			background: url(../img/blouse.png) center no-repeat; 
		}
		.menu-item.addandsellitem .menu-item-icon
		{
			background: url(../img/addandsellitem.png) center no-repeat; 
		}
		.menu-item.lockscreen .menu-item-icon
		{
			background: url(../img/lock.png) center no-repeat; 
		}
		.menu-item.paysupplier .menu-item-icon
		{
			background: url(../img/dolly.png) center no-repeat; 
		}
		.menu-item.moneytobank .menu-item-icon
		{
			background: url(../img/bank.png) center no-repeat; 
		}
		.menu-item.requestmoney .menu-item-icon
		{
			background: url(../img/requestmoney.png) center no-repeat; 
		}
		.menu-item.damaged .menu-item-icon
		{
			background: url(../img/damaged.png) center no-repeat; 
		}
		.menu-item.wronglabel .menu-item-icon
		{
			background: url(../img/tag.png) center no-repeat; 
		}
		.menu-item.return .menu-item-icon
		{
			background: url(../img/return.png) center no-repeat; 
		}
		.menu-item.reservation .menu-item-icon
		{
			background: url(../img/reservation.png) center no-repeat; 
		}
		.menu-item.sellvoucher .menu-item-icon
		{
			background: url(../img/sellvoucher.png) center no-repeat; 
		}
		.menu-item.inventory .menu-item-icon
		{
			background: url(../img/scan.png) center no-repeat; 
		}
		.menu-item.cleanout .menu-item-icon
		{
			background: url(../img/cleanout.png) center no-repeat; 
		}
		.menu-item.display .menu-item-icon
		{
			background: url(../img/mannequin.png) center no-repeat; 
		}
		.menu-item.consumables .menu-item-icon
		{
			background: url(../img/consumables.png) center no-repeat; 
		}
		.menu-item.reprint .menu-item-icon
		{
			background: url(../img/reprint.png) center no-repeat; 
		}
		.menu-item.clockings .menu-item-icon
		{
			background: url(../img/clock.png) center no-repeat;
			background-size: contain;
		}
		.menu-item.salesreport .menu-item-icon
		{
			background: url(../img/salesreport.png) center no-repeat;
			background-size: contain !important;
		}
		.menu-item.sendback .menu-item-icon
		{
			/*background: url(../img/sales.png) center no-repeat; */
		}
		.menu-item-text
		{
			float: left; 
			height: 40px; 
			line-height: 40px; 
			font-size: 18px; 
			color: #fff; 
			margin: 0 0 0 10px;
		}
	
@media print 
{
	body * 
	{
    display:none;
  }
	.receipt,
	.receipt *
	{
    display:block;
  }
	
	.receipt
	{
		float:none;
		width:300px;
		height:auto;
		border:none;
		box-shadow:none;
	}

}

/* search items */
.searchitems-itemrequests
{
	position: fixed; 
	bottom: 20px; 
	left: 20px; 
	width: 70px; 
	height: 35px; 
	background: url(../img/searchitems-van.png) center no-repeat; 
	background-size: contain; 
	cursor: pointer;
}
.searchitems-items
{
	float: right;
	margin: 10px 10px 10px 0;
}
.searchitems-item
{
	float: left;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 1px;
	margin: 20px 0 0 10px;
	box-shadow: 1px 1x 1px rgba(0,0,0,.2);
	background: #fff;
	cursor: pointer;
}
.searchitems-item.selected
{
	background: #eee;
}
.searchitems-item:nth-child(1),
.searchitems-item:nth-child(2),
.searchitems-item:nth-child(3)
{
	margin-top: 0;
}
	.searchitems-item-img
	{
		width: 160px;
		height: 275px;
		position: relative;
	}
		.searchitems-item-img img
		{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			max-width: 160px;
			max-height: 275px;
		}
	.searchitems-item-details
	{
		width: 160px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		margin: 5px 0 0 0;
	}

.sizes
{
	float:left;
	width:69px;
}

.searchitems-filterbutton
{
	height:26px; 
	line-height:26px;
	background:#ccc; 
	text-align:center;
	border-bottom:1px solid #eee;
	border-top:1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.searchitems-filterbutton.selected
{
	background: #39f;
	border-bottom:1px solid #90c8ff;
	border-top:1px solid #06c;
}
.searchitems-filterbutton:first-child
{
	border-top:0;
	border-radius:10px 10px 0 0;
}
.searchitems-filterbutton:last-child
{
	border-bottom:0;
	border-radius:0 0 10px 10px;
}
	.searchitems-filterbutton.sizes:nth-child(odd)
	{
		border-left: 1px solid #999;
	}
	.searchitems-filterbutton.sizes:nth-child(even)
	{
		border-right: 1px solid #eee;
	}
	.searchitems-filterbutton.sizes.selected:nth-child(odd)
	{
		border-left: 1px solid #06c;
	}
	.searchitems-filterbutton.sizes.selected:nth-child(even)
	{
		border-right: 1px solid #90c8ff;
	}
	.searchitems-filterbutton.sizes:last-child
	{
		/*width:140px;
		border-right: 0;
		border-left: 0;*/
		border-radius:0 0 10px 0;
	}
	.searchitems-filterbutton.sizes:nth-last-child(2)
	{
		border-radius:0 0 0 10px;
	}
	
[name=style]
{
	width: 246px;
}
[name=subcategory]
{
	width: 248px;
}

/* messages */
.messages-title
{
	background: #000;
}
.messages-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}

.messages-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}


.messages
{
	max-height: 600px;
	margin: 20px 20px 0 20px;
	overflow-y: scroll;
}
	.message-row
	{
		font-size: 13px;
		border-top: 1px solid rgba(0,0,0,.3);
		padding: 10px 0 10px 10px;
		background: #ccc;
		color: #888;
		font-weight: bold;
	}
	.message-row:last-child
	{
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.message-row.unread
	{
		background: #ccfea7;
		cursor: pointer;
		color: #000;
	}

/* sales history */
.saleshistory-title
{
	background: #000;
}
.saleshistory-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}

.saleshistory-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.saleshistory
{
	max-height: 600px;
	margin: 20px 20px 0 20px;
	overflow-y: scroll;
}
	.saleshistory-row
	{
		font-size: 13px;
		border-top: 1px solid rgba(0,0,0,.3);
		padding: 10px 0 10px 10px;
		background: #faffbd;
		font-weight: bold;
	}
		.saleshistory-date
		{
			width: 140px;
			float: left;
		}
		.saleshistory-description
		{
			float: left;
			margin: 0 0 0 10px;
		}

/* add and sell item */
.addandsell-title
{
	background: #000;
}
.addandsell-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.addandsell-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.addandsell-row
{
	margin: 20px 0 0 20px;
}
	.addandsell-label
	{
		width: 150px;
		text-align: right;
		float: left;
	}
	.addandsell-input
	{
		float: left;
		margin: 0 0 0 20px;
	}

.addandsell-sellbutton
{
	float: right;
	margin: 20px 20px 0 0;
	background: #000;
	color: #fff;
	padding: 12px 18px;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border: 1px solid #000;
	transition: all .2s ease-in-out;
}
.addandsell-sellbutton:hover
{
	background: #fff;
	color: #000;
}
.addandsell-sellbutton.disabled
{
	background: #ccc;
	color: #999;
	border-color: #ccc;
	cursor: default;
}

/* return items */
.return-title
{
	background: #000;
}
.return-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.return-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}
.return-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.return-close-button
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 15px auto 0 auto; 
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.return-close-button:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}

/* Cleanout */
.cleanout-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.cleanout-currentitems-title
{
	margin: 20px 0 0 20px;
	font-size: 18px;
	font-weight: bold;
}

.cleanout-currentitems
{
	margin: 10px 20px 0 20px;
	border-top: 1px solid rgba(0,0,0,.3);
	max-height: 349px;
	overflow-y: scroll;
}
	.cleanout-currentitems-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.cleanout-currentitems-row-description
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 15px;
		}
		.cleanout-currentitems-row-remove
		{
			float: right;
			margin: 8px 10px 0 0;
			width: 40px;
			height: 40px;
			background: url(../img/cancel.png) center no-repeat;
			background-size: cover;
			cursor: pointer;
		}

.cleanout-note
{
	border-top: 1px solid #333;
	margin: 20px 20px 0 20px;
	position: relative;
}
	.cleanout-note-button
	{
		position: absolute;
		left: 0;
		top: 10px;
		background: #000;
		color: #fff;
		cursor: pointer;
		padding: 8px;
		font-weight: bold;
		font-size: 14px;
	}
	.cleanout-note-text
	{
		margin: 20px 0 0 0;
		text-align: center;
	}
.cleanout-count
{
	float: left;
	margin: 35px 0 0 220px;
}
	.cleanout-count-number
	{
		float: left;
		font-size: 18px;
		font-weight: bold;
	}
	.cleanout-count-text
	{
		float: left;
		margin: 2px 0 0 5px;
	}

.cleanout-closebag-button,
.cleanout-openbag-button
{
	padding: 20px 0;
	margin: 20px 20px 0 0;
	width: 200px;
	float: right;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #257dde;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cleanout-closebag-button.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}
.cleanout-exit-button
{
	padding: 20px 0;
	margin: 20px 0 0 20px;
	width: 200px;
	float: left;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #c00;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Display order */
.display-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.display-currentitems-title
{
	margin: 20px 0 0 20px;
	font-size: 18px;
	font-weight: bold;
}

.display-ordereditems-icon
{
	position: absolute; 
	top: 10px; 
	right: 10px; 
	width: 64px; 
	height: 64px; 
	cursor: pointer; 
	background: url(../img/ordereditems.png) center no-repeat; 
	background-size: contain;
}

.display-currentitems
{
	margin: 10px 20px 0 20px;
	border-top: 1px solid rgba(0,0,0,.3);
	max-height: 349px;
	overflow-y: scroll;
}
	.display-currentitems-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.display-currentitems-row-description
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 15px;
		}
		.display-currentitems-row.notavailable
		{
			background:#c33;
			color:#fff;
		}
		.display-currentitems-row-notordered
		{
			color: #fff;
			float: right;
			padding: 20px 20px 20px 0;
			font-weight: bold;
			font-size: 14px;
		}
		.display-currentitems-row-ordered
		{
			color: #0c6;
			float: right;
			padding: 20px 20px 20px 0;
			font-weight: bold;
			font-size: 14px;
		}
	.display-exit-button
	{
		padding: 20px 0;
		margin: 20px 0 0 20px;
		width: 200px;
		float: left;
		text-align: center;
		color: #fff;
		font-weight: bold;
		background: #c00;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

/* Ordered display items */
.ordereddisplayitems-titlebar
{
	background: #000;
}
	.ordereddisplayitems-titlebar-text
	{
		color: #fff;
		font-size: 24px;
		margin: 0 0 0 10px;
		line-height: 50px;
		float: left;
	}
	.ordereddisplayitems-titlebar-close
	{
		float: right;
		width: 32px;
		height: 32px;
		margin: 10px 10px 0 0;
		background: url(../img/close.png) center no-repeat;
		background-size: cover;
		cursor: pointer;
	}

.ordereddisplayitems
{
	margin: 20px 20px 0 20px;
	border-top: 1px solid rgba(0,0,0,.3);
	max-height: 400px;
	overflow-y: scroll;
}
	.ordereddisplayitems-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.ordereddisplayitems-row-description
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 15px;
		}
		.ordereddisplayitems-row-cancel
		{
			float: right;
			margin: 10px 10px 0 0;
			width: 32px;
			height: 32px;
			background: url(../img/cancel.png) center no-repeat;
			background-size: contain;
			cursor: pointer;
		}


/* Inventory */
.inventory-search
{
	position: absolute;
	top: 10px;
	right: 15px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: url(../img/search.png) center no-repeat;
	background-size: contain;
}
.inventory-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.inventory-currentitems-title
{
	margin: 20px 0 0 20px;
	font-size: 18px;
	font-weight: bold;
}

.inventory-currentitems
{
	margin: 10px 20px 0 20px;
	border-top: 1px solid rgba(0,0,0,.3);
	max-height: 349px;
	overflow-y: scroll;
}
	.inventory-currentitems-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.inventory-currentitems-row.multipleofitem
	{
		background: #b1d1fc;
	}
	.inventory-currentitems-row-error
	{
		background: #c33;
		border-bottom: 1px solid rgba(0,0,0,.3);
		padding: 20px 0 20px 20px;
		font-size: 15px;
		color: #fff;
	}
		.inventory-currentitems-row-description
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 15px;
		}
		.inventory-currentitems-row-remove
		{
			float: right;
			margin: 8px 10px 0 0;
			width: 40px;
			height: 40px;
			background: url(../img/cancel.png) center no-repeat;
			background-size: cover;
			cursor: pointer;
		}

.inventory-note
{
	border-top: 1px solid #333;
	margin: 20px 20px 0 20px;
	position: relative;
}
	.inventory-note-button
	{
		position: absolute;
		left: 0;
		top: 10px;
		background: #000;
		color: #fff;
		cursor: pointer;
		padding: 8px;
		font-weight: bold;
		font-size: 14px;
	}
	.inventory-note-text
	{
		margin: 20px 0 0 0;
		text-align: center;
	}
.inventory-finish-button
{
	padding: 20px 0;
	margin: 20px 20px 0 0;
	width: 200px;
	float: right;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #257dde;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.inventory-finish-button.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}
.inventory-close-button
{
	padding: 20px 0;
	margin: 20px 0 0 20px;
	width: 200px;
	float: left;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #c00;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Requests made */
.requestsmade-title
{
	background: #000;
}
.requestsmade-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.requestsmade-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.requestsmade-legend
{
	margin: 20px 20px 0 20px;
	background: #ccc;
}
	.requestsmade-legend-item
	{
		float: left;
		padding: 12px 0 5px 20px;
		font-size: 13px;
		font-weight: bold;
		border-left: 1px solid #999;
	}
	.requestsmade-legend-item:first-child
	{
		border: 0;
	}
	.requestsmade-legend-item.item
	{
		width: 300px;
	}
	.requestsmade-legend-item.shop
	{
		width: 250px;
	}
	.requestsmade-legend-item.requestedby
	{
		width: 150px;
	}
	.requestsmade-legend-item.time
	{
		width: 100px;
	}

.requestsmade-rows
{
	margin: 0 20px;
}
	.requestsmade-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.requestsmade-row-item
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 13px;
			border-left: 1px solid rgba(0,0,0,.2);
		}
		.requestsmade-row-item:first-child
		{
			border: 0;
		}
		.requestsmade-row-item.item
		{
			width: 300px;
		}
		.requestsmade-row-item.shop
		{
			width: 250px;
		}
		.requestsmade-row-item.requestedby
		{
			width: 150px;
		}
		.requestsmade-row-item.time
		{
			width: 100px;
		}
		.requestsmade-row-cancel
		{
			float: right;
			margin: 8px 10px 0 0;
			width: 40px;
			height: 40px;
			background: url(../img/cancel.png) center no-repeat;
			background-size: cover;
			cursor: pointer;
		}

/* requesteditems */
.requesteditems-title
{
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 24px;
}
.requesteditems-title-text
{
	padding: 10px 0;
}
.requesteditems-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.requesteditems-items
{
	height: 420px;
	overflow-y: scroll;
}

.requesteditems-item
{
	float: left;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 1px;
	margin: 10px 0 0 10px;
	box-shadow: 1px 1x 1px rgba(0,0,0,.2);
	background: #fff;
	cursor: pointer;
}
.requesteditems-item.selected
{
	background: #eee;
}
	.requesteditems-item-img
	{
		width: 160px;
		height: 275px;
		position: relative;
	}
		.requesteditems-item-img img
		{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			max-width: 160px;
			max-height: 275px;
		}
	.requesteditems-item-details
	{
		width: 160px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #333;
		margin: 5px 0 0 0;
	}
	.requesteditems-item-shop
	{
		width: 160px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #000;
		font-weight: bold;
		margin: 5px 0 0 0;
		background: #ddd;
	}

.requesteditems-buttonbar
{
	margin: 10px 10px 0 10px;
	padding: 10px 0 0 0;
	border-top: 1px solid #333;
	height: 60px;
}

.requesteditems-printlabel
{
	padding: 20px 0;
	width: 200px;
	float: right;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #257dde;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requesteditems-printlabel.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}

.requesteditems-deny
{
	padding: 20px 0;
	width: 200px;
	float: left;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #c00;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requesteditems-deny.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}

.requesteditems-senditem
{
	padding: 20px 0;
	width: 200px;
	float: right;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #36f;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requesteditems-senditem.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}

/* request item */
.requestitem-title
{
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 24px;
	padding: 10px 0;
}

.requestitem-stock-legend
{
	background: #999;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align:  center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
	.requestitem-stock-legend-item
	{
		width: 50%;
		float: left;
		position: relative;
	}
	.requestitem-stock-legend-item:first-child:after
	{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background: #333;
	}
.requestitem-stock-rows
{
	max-height: 410px;
	overflow-y: scroll;
}
.requestitem-stock-row
{
	background: #eee;
	font-size: 12px;
	line-height: 40px;
	text-align:  center;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.requestitem-stock-row.selected
{
	background: #39f;
}
	.requestitem-stock-row-item
	{
		width: 50%;
		float: left;
		position: relative;
	}
	.requestitem-stock-row-item:first-child:after
	{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background: #666;
	}

.requestitem-addtobasket
{
	padding: 21px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #04bf46;
	cursor: pointer;
	width: 33%;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requestitem-addtobasket.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
	position: relative;
}
.requestitem-addtobasket.nostock
{
	background: #ccc;
	color: #aaa;
	cursor: default;
	position: relative;
	padding: 30px 0;
}
.requestitem-addtobasket.nostock:after
{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	content: '';
	width: 1px;
	background: #666;
}
.requestitem-requestitem
{
	padding: 30px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #257dde;
	cursor: pointer;
	width: 34%;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.requestitem-requestitem.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}
.requestitem-cancel
{
	padding: 30px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #f43939;
	cursor: pointer;
	width: 33%;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* float */
.float-message
{
	padding: 20px 0 15px 0;
	font-size:22px;
	border-bottom: 1px solid #999;
	background: #ccc;
	font-weight: bold;
	text-align: center;
}
.float-container
{
	font-family: Arial, Helvetica, sans-serif;
}
	.float-currency
	{
		float: left;
		margin: 20px 0 0 10px;
	}
		.float-currency-img
		{
			width: 120px;
			height: 90px;
			float: left;
		}
		.float-currency-img.cent1
		{
			background: url(../img/euros/.01.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.cent2
		{
			background: url(../img/euros/.02.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.cent5
		{
			background: url(../img/euros/.05.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.cent10
		{
			background: url(../img/euros/.10.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.cent20
		{
			background: url(../img/euros/.2.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.cent50
		{
			background: url(../img/euros/.5.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro1
		{
			background: url(../img/euros/1.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro2
		{
			background: url(../img/euros/2.png) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro5
		{
			background: url(../img/euros/5.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro10
		{
			background: url(../img/euros/10.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro20
		{
			background: url(../img/euros/20.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro50
		{
			background: url(../img/euros/50.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro100
		{
			background: url(../img/euros/100.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro200
		{
			background: url(../img/euros/200.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-img.euro500
		{
			background: url(../img/euros/500.jpg) center no-repeat;
			background-size: contain;
		}
		.float-currency-details
		{
			float: left;
			margin: 0 0 0 10px;
		}
			.float-currency-name-coin
			{
				margin: 5px 0 0 0;
				font-size: 16px; 
				font-weight: bold;
			}
			.float-currency-name-note
			{
				margin: 20px 0 0 0;
				font-size: 16px; 
				font-weight: bold;
			}
			.float-currency-input
			{
				margin: 5px 0 0 0;
			}
				.float-currency-input input
				{
					width: 100px;
				}
	.float-save-button
	{
		width: 200px; 
		padding: 10px 0; 
		text-align: center; 
		margin: 15px auto 0 auto; 
		background: #000; 
		color: #fff; 
		cursor: pointer;
		border: 1px solid #000;
	}
	.float-save-button.disabled
	{
		background: #ccc;
		color: #aaa;
		cursor: default;
	}
	.float-save-button.cancel
	{
		width: 100px;
		background: #666;
		border-color: #666;
		padding: 5px 0;
		margin-top: 20px;
	}
	.float-save-button:hover
	{
		transition: all .2s ease-in-out;
		background: #fff;
		color: #000;
	}


/* money to bank */
.moneytobank-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.moneytobank-row
{
	margin: 10px 5px 0 30px;
}
	.moneytobank-label
	{
		width: 120px;
		text-align: right;
		float: left;
	}
	.moneytobank-row input
	{
		width: 50px;
		float: left;
		margin: 0 0 0 10px;
	}

.moneyfrombank-content
{
	display: none;
}

.moneyfrombank-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.moneyfrombank-row
{
	margin: 20px 0 0 0;
	text-align: center;
}
	.moneyfrombank-row input
	{
		width: 150px;
		margin: 0 auto;
	}

.moneytobank-save-button
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 15px auto 0 auto; 
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.moneytobank-buttons
{
	position: relative;
}

.moneytobank-cancel-button
{
	width: 100px;
	background: #666;
	border: 1px solid #666;
	color: #fff; 
	cursor: pointer;
	padding: 5px 0;
	margin: 20px auto 0 auto;
	text-align: center;
}
.moneytobank-save-button:hover,
.moneytobank-cancel-button:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}
.moneytobank-save-button.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}
.moneytobank-switch-button
{
	position: absolute;
	bottom: -10px;
	left: 10px;
	width: 48px;
	height: 48px;
	background: url(../img/switch.png) center no-repeat;
	background-size: contain;
	cursor: pointer;
}

/* cc totals */
.cctotals-incorrect
{
	text-align: center;
	color: #c00;
	height: 0;
	overflow: hidden;
}
	.cctotals-incorrect > div
	{
		margin-top: 20px;
		opacity: 0;
	}
.cctotals-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.cctotals-row
{
	margin: 20px 0 0 20px;
}
	.cctotals-label
	{
		float: left;
		width: 190px;
		text-align: right;
		margin: 2px 0 0 0;
	}
	.cctotals-input
	{
		float: left;
		margin: 0 0 0 10px;
	}
.cctotals-datemessage
{
	background: #faffbd;
	margin: 20px 20px 0 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}
	.cctotals-datemessage-input
	{
		margin: 10px auto 0 auto;
	}

.cctotals-save-button
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 15px auto 0 auto; 
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.cctotals-cancel-button
{
	width: 100px;
	background: #666;
	border: 1px solid #666;
	color: #fff; 
	cursor: pointer;
	padding: 5px 0;
	margin: 20px auto 0 auto;
	text-align: center;
}
.cctotals-save-button:hover,
.cctotals-cancel-button:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}
.cctotals-save-button.disabled
{
	background: #ccc;
	color: #aaa;
	cursor: default;
}

/* pay suppliers */
.paysupplier-title
{
	background: #000;
}
.paysupplier-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}

.paysupplier-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}
.paysupplier-suppliers
{

}
	.paysupplier-supplier
	{
		margin:5px 5px 0 5px;
		background:#999;
		color:#fff;
		border:1px solid #666;
		text-align:center;
		height:40px;
		line-height:40px;
		cursor:pointer;
	}
	.paysupplier-supplier.selected
	{
		background:#06c;
	}
	.paysupplier-other
	{
		margin:5px 0 0 5px;
		width:290px;
		height:21px;
	}
		.paysupplier-other input[name=othersupplier]
		{
			display:none;
			width:286px;
		}
.paysupplier-row
{
	margin: 10px 5px 0 30px;
}
	.paysupplier-label
	{
		width: 170px;
		text-align: right;
		float: left;
	}
	.paysupplier-row input
	{
		width: 50px;
		float: left;
		margin: 0 0 0 10px;
	}
.paysupplier-save-button
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 15px auto 0 auto; 
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.paysupplier-save-button:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}
.paysupplier-save-button.disabled
{
	background: #ccc;
	border-color: #ccc;
	color: #aaa;
	cursor: default;
}

/* manually add an item */
.manadditem-title
{
	background: #000;
}
	.manadditem-title-text
	{
		color: #fff;
		font-size: 24px;
		margin: 0 0 0 10px;
		line-height: 50px;
		float: left;
	}
	.manadditem-title-close
	{
		float: right;
		width: 32px;
		height: 32px;
		margin: 10px 10px 0 0;
		background: url(../img/close.png) center no-repeat;
		background-size: cover;
		cursor: pointer;
	}

.manadditem-styleinput
{
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}
	.manadditem-styleinput input
	{
		font-size: 16px;
		width: 250px;
	}

.manadditem-rows
{
	margin: 0 20px 20px 20px;
	max-height: 452px;
	overflow-y: scroll;
}
	.manadditem-row
	{
		line-height: 40px;
		padding: 0 0 0 20px;
		font-size: 16px;
		background: #faffbd;
		border-top: 1px solid rgba(0,0,0,.2);
		cursor: pointer;
	}

/* wrong label */
.wronglabel-title
{
	background: #000;
}
	.wronglabel-title-text
	{
		color: #fff;
		font-size: 24px;
		margin: 0 0 0 10px;
		line-height: 50px;
		float: left;
	}
	.wronglabel-title-close
	{
		float: right;
		width: 32px;
		height: 32px;
		margin: 10px 10px 0 0;
		background: url(../img/close.png) center no-repeat;
		background-size: cover;
		cursor: pointer;
	}

.wronglabel-styleinput
{
	text-align: center;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}
	.wronglabel-styleinput input
	{
		font-size: 16px;
		width: 250px;
	}

.wronglabel-rows
{
	margin: 0 20px 20px 20px;
	max-height: 452px;
	overflow-y: scroll;
}
	.wronglabel-row
	{
		line-height: 40px;
		padding: 0 0 0 20px;
		font-size: 16px;
		background: #faffbd;
		border-top: 1px solid rgba(0,0,0,.2);
		cursor: pointer;
	}
	.wronglabel-row.selected
	{
		background: #c33;
		color: #fff;
	}
.wronglabel-scanneditem
{
	padding: 20px;
	background: #faffbd;
	font-size: 16px;
}

.wronglabel-button
{
	float: right; 
	margin: 0 20px 0 0; 
	background: #000; 
	color: #fff; 
	padding: 8px 14px; 
	font-weight: bold; 
	cursor: pointer;
}

.customalert
{
	width: 450px;
	height: 250px;
	background: #fbfbfb;
	border-radius: 4px;
	border: 1px solid #000;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	position: absolute;
	z-index: 950;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
.customalert:before
{
	content: '';
	position: absolute;
	display: block;
}
	.customalert-text
	{
		display: inline;
		padding: 0 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		margin-top: -30px;
		transform: translate(-50%,-50%);
		font-size: 32px;
		color: #000;
	}
	.customalert-ok
	{
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		color: #000;
		border: 1px solid #3e7ef8;
		position: absolute;
		bottom: 30px;
		right: 30px;
		margin: auto;
		cursor: pointer;
		border-radius: 1px;
	}

/* popup confirm */
.popup-confirm
{
	width: 500px;
	height: 300px;
	background: #fbfbfb;
	border-radius: 4px;
	border: 1px solid #000;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
	position: absolute;
	z-index: 950;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
	.popup-confirm-text
	{
		display: inline;
		padding: 0 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		margin-top: -30px;
		transform: translate(-50%,-50%);
		font-size: 32px;
		color: #000;
	}
	.popup-confirm-yes
	{
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		color: #000;
		border: 1px solid #3e7ef8;
		position: absolute;
		bottom: 30px;
		right: 30px;
		margin: auto;
		cursor: pointer;
		border-radius: 1px;
	}
	.popup-confirm-no
	{
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 24px;
		color: #000;
		border: 1px solid #aaa;
		background: #ccc;
		position: absolute;
		bottom: 30px;
		left: 30px;
		margin: auto;
		cursor: pointer;
		border-radius: 1px;
	}

/* return item */
.entersaleid-text
{
	text-align: center; 
	font-size: 18px; 
	margin: 20px 0 0 0;
}
	.entersaleid-text input
	{
		margin-top: 10px;
		margin-left: 5px;
	}
.entersalebutton
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 15px auto 0 auto; 
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.entersalebutton.disabled
{
	background: #ccc;
	color: #999;
}

.entersalebutton:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}

.saleitems
{
	display: none;
	margin: 20px;
	max-height: 349px;
	overflow-y: scroll;
}
	.saleitems-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.saleitems-row:first-child
	{
		background: #faffbd;
		border-top: 1px solid rgba(0,0,0,.3);
	}
	.saleitems-row.disabled
	{
		background: #dfdfdf;
	}
		.saleitems-row-description
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 15px;
		}
		.saleitems-row-price
		{
			float: right;
			padding: 20px 20px 20px 0;
			font-size: 15px;
		}


/* money from warehouse */
.moneyfromwarehouse-wrongamount
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 25px 0 0 20px;
	float: left; 
	background: #c00; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #c00;
}
.moneyfromwarehouse-wrongamount:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #c00;
}
.moneyfromwarehouse-confirm
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 25px 20px 0 0;
	float: right; 
	background: #0c0; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #0c0;
}
.moneyfromwarehouse-confirm:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #0c0;
}
.moneyfromwarehouse-savenewamount
{
	width: 200px; 
	padding: 10px 0; 
	text-align: center; 
	margin: 25px auto 0 auto;
	background: #000; 
	color: #fff; 
	cursor: pointer;
	border: 1px solid #000;
}
.moneyfromwarehouse-savenewamount:hover
{
	transition: all .2s ease-in-out;
	background: #fff;
	color: #000;
}
.moneyfromwarehouse-text
{
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 22px 20px 0 20px;
}
.moneyfromwarehouse-breakdown
{
	margin: 0 20px;
}
	.moneyfromwarehouse-breakdown-item
	{
		float: left;
		width: 20%;
		margin: 20px 0 0 0;
	}
.moneyfromwarehouse-actual
{
	margin: 0 20px;
	display: none;
}
	.moneyfromwarehouse-actual-item
	{
		float: left;
		width: 20%;
		margin: 20px 0 0 0;
	}
		.moneyfromwarehouse-actual-item label
		{
			font-size: 12px;
			width: 56px;
			text-align: right;
			display: inline-block;
		}
		.moneyfromwarehouse-actual-item input
		{
			width: 40px;
		}

/* unpack transfer */
.unpacktransfer-title
{
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 24px;
}
.unpacktransfer-title-text
{
	padding: 10px 0;
}
.unpacktransfer-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.unpacktransfer-scanitem
{
	text-align: center;
	margin: 20px 0;
	font-size: 18px;
}

.unpacktransfer-legend
{
	margin: 20px 20px 0 20px;
	background: #ccc;
}
	.unpacktransfer-legend-item
	{
		float: left;
		padding: 12px 0 5px 20px;
		font-size: 13px;
		font-weight: bold;
		border-left: 1px solid #999;
	}
	.unpacktransfer-legend-item:first-child
	{
		border: 0;
	}
	.unpacktransfer-legend-item.style
	{
		width: 100px;
	}
	.unpacktransfer-legend-item.description
	{
		width: 300px;
	}

.unpacktransfer-rows
{
	margin: 0 20px;
	max-height: 600px;
	overflow-y: scroll;
}
	.unpacktransfer-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.unpacktransfer-row-item
		{
			float: left;
			padding: 20px 0 20px 20px;
			font-size: 13px;
			border-left: 1px solid rgba(0,0,0,.2);
		}
		.unpacktransfer-row-item:first-child
		{
			border: 0;
		}
		.unpacktransfer-row-item.style
		{
			width: 100px;
		}
		.unpacktransfer-row-item.description
		{
			width: 300px;
		}
	.unpacktransfer-row:nth-child(2)
	{
		opacity: .6;
	}
	.unpacktransfer-row:nth-child(3)
	{
		opacity: .3;
	}
.unpacktransfer-finished
	{
		width: 200px; 
		padding: 10px 0; 
		text-align: center; 
		margin: 15px auto 0 auto; 
		background: #000; 
		color: #fff; 
		cursor: pointer;
		border: 1px solid #000;
	}
	.unpacktransfer-finished.disabled
	{
		background: #ccc;
		color: #aaa;
		cursor: default;
	}
	.unpacktransfer-finished:hover
	{
		transition: all .2s ease-in-out;
		background: #fff;
		color: #000;
	}

/* wrong items */
.wrongitemssent
{
	display: none;
}
	.wrongitemssent-text
	{
		text-align: center;
		margin: 20px 0 0 0;
		font-size: 16px;
	}
	.wrongitemssent-button
	{
		width: 200px; 
		padding: 10px 0; 
		text-align: center; 
		margin: 15px auto 0 auto; 
		background: #000; 
		color: #fff; 
		cursor: pointer;
		border: 1px solid #000;
	}
	.wrongitemssent-button.disabled
	{
		background: #ccc;
		color: #aaa;
		cursor: default;
	}
	.wrongitemssent-button:hover
	{
		transition: all .2s ease-in-out;
		background: #fff;
		color: #000;
	}

.wrongitemssent-popup
{
	width: 500px;
	height: 150px; 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	margin: auto;
	z-index: 400;
}
	.wrongitemssent-popup-accident
	{
		text-align: center; 
		background: #257dde; 
		color: #fff; 
		line-height: 75px; 
		height: 75px; 
		cursor: pointer; 
		font-size: 24px;
	}
	.wrongitemssent-popup-wrongitem
	{
		text-align: center; 
		background: #f43939; 
		color: #fff; 
		line-height: 75px; 
		height: 75px; 
		cursor: pointer; 
		font-size: 24px;
	}
	.wrongitemssent-popup-wrongitem.disabled
	{
		cursor: default;
		background: #ccc;
		color: #999;
	}

.transporters-title
{
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:18px;
	background:#000;
	color:#ccc;
	border:1px solid #999;
	border-bottom:0;
}
.transporters-drivers
{
	display: flex;
	flex-wrap: wrap;
}
.transporter
{
	height:70px;
	background:#0099ff;
	color:#fff;
	font-size:24px;
	line-height:70px;
	padding: 0 10px;
	border:1px solid #36f;
	cursor:pointer;
	text-align:center;
	width: 328px;
	min-width: 328px;
}

/* print queue */
.printqueue-title
{
	background: #000;
}
.printqueue-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.printqueue-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.printqueue
{
	margin: 20px 20px 0 20px;
}
	.printqueue-legend
	{
		background: #ddd; 
		font-size: 14px; 
		font-weight: bold; 
		border-bottom: 1px solid #999; 
		color: #333;
	}
		.printqueue-legend-item
		{
			padding: 10px 0 5px 10px; 
			float: left;
			border-left: 1px solid #999; 
		}
		.printqueue-legend-item:first-child
		{
			border: 0;
		}
		
	.printqueue-rows
	{
		max-height: 462px;
		overflow-y: scroll;
	}
		.printqueue-row
		{
			background: #efefef; 
			border-bottom: 1px solid #ccc;
		}
		.printqueue-row:hover
		{
			background: #ddd;
		}
			.printqueue-row-item
			{
				padding: 0 0 0 10px; 
				line-height: 32px;
				float: left;
				border-left: 1px solid #ccc;
			}
			.printqueue-row-item:first-child
			{
				border: 0;
			}
			.printqueue-print
			{
				float: right;
				width: 32px;
				height: 32px;
				background: url(../img/reprintblack.png) center no-repeat;
				background-size: cover;
				cursor: pointer;
				margin: 0 10px 0 0;
			}
			.printqueue-print.printed
			{
				background-image: url(../img/reprint-printed.png);
			}
	
	.printqueue .type
	{
		width: 150px;
	}
	.printqueue .displayname
	{
		width: 250px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.printqueue .useraction
	{
		width: 120px;
	}
	.printqueue .shopname
	{
		width: 100px;
	}
	.printqueue .printid
	{
		width: 100px;
	}
	.printqueue .datetime
	{
		width: 170px;
	}


/* pick up / drop off */
.scantext
{
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	margin: 0 20px 0 20px;
	padding-top: 22px;
}
.pickupdropoff-currentlyscanned
{
	margin: 20px 20px 0 20px; 
	border-bottom: 1px solid #999; 
	color: #333; 
	font-weight: bold;
}
.pickupdropoff
{
	margin: 0 20px;
	max-height: 530px;
	overflow-y: scroll;
}
	.pickupdropoff-row
	{
		background: #efefef; 
		padding: 10px 20px; 
		font-size: 18px; 
		border-bottom: 1px solid #ccc;
	}
	.pickupdropoff-row:nth-child(odd)
	{
		background: #dfdfdf;
	}
	.pickupdropoff-row.invalid
	{
		background: #f30;
		color: #fff;
	}
	.pickupdropoff-finished
	{
		float: right;
		margin: 20px 20px 0 0;
		padding: 15px 20px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		background: #06f;
		cursor: pointer;
	}
	.pickupdropoff-finished.disabled
	{
		background: #ccc;
		color: #999;
	}


/* consumables */
.consumables-titlebar
{
	background: #000;
}
	.consumables-titlebar-text
	{
		color: #fff;
		font-size: 24px;
		margin: 0 0 0 10px;
		line-height: 50px;
		float: left;
	}
	.consumables-titlebar-close
	{
		float: right;
		width: 32px;
		height: 32px;
		margin: 10px 10px 0 0;
		background: url(../img/close.png) center no-repeat;
		background-size: cover;
		cursor: pointer;
	}

.consumables-rows
{
	height: 470px;
	overflow-y: scroll;
	margin: 20px 20px 0 20px;
}
	.consumables-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.consumables-row:nth-child(odd)
	{
		background: #f5f9c9;
	}
	.consumables-row:hover
	{
		background: #eaeebe;
	}
		.consumables-row-consumable
		{
			float: left;
			height: 50px;
			font-size: 16px;
			margin: 0 0 0 10px;
			line-height: 50px;
		}
		.consumables-row-minus
		{
			width: 50px;
			height: 50px;
			float: right;
			color: #333;
			text-align: center;
			line-height: 42px;
			font-size: 40px;
			font-weight: bold;
			cursor: pointer;
		}
		.consumables-row-plus
		{
			width: 50px;
			height: 50px;
			float: right;
			color: #333;
			text-align: center;
			line-height: 46px;
			font-size: 40px;
			font-weight: bold;
			cursor: pointer;
		}
		.consumables-row-quantity
		{
			float: right;
			height: 50px;
			width: 50px;
		}
			.consumables-row-quantity input
			{
				width: 100%;
				height: 100%;
				background: #000;
				color: #fff;
				border: 0;
				font-size: 24px;
				font-weight: bold;
				text-align: center;
				padding: 0;
			}
	.consumables-save
	{
		float: right;
		margin: 20px 20px 0 0;
		padding: 15px 20px;
		color: #fff;
		font-weight: bold;
		background: #000;
		cursor: pointer;
	}
	.consumables-save.disabled
	{
		cursor: default;
		background: #ccc;
		color: #999;
	}
.objective
{
	float:left; 
	margin:10px 0 0 100px; 
	border:1px solid #fff; 
	width:20px; 
	height:40px; 
	background:#fff;
}
	.objective-missing
	{
		background:#000;
	}

/* return reason */
.returnreason
{
	display: none;
}
.returnreason-title
{
	float: left;
	margin: 20px 0 0 20px;
}
.returnreason-select
{
	float: left;
	margin: 20px 0 0 20px;
}
.returnreason-button-damaged
{
	float: left;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	background: #000;
	margin: 20px 0 0 20px;
	cursor: pointer;
}
.returnreason-button-damaged.disabled
{
	color: #999;
	background: #ccc;
	cursor: default;
}
.returnreason-button-normal
{
	float: right; 
	padding: 0 20px; 
	line-height: 40px; 
	color: #fff; 
	background: #000; 
	margin: 20px 20px 0 0; 
	cursor: pointer;
}

/* incoming transfers */
.incomingtransfers-title
{
	background: #000;
}
.incomingtransfers-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.incomingtransfers-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.incomingtransfers-legend
{
	margin: 10px 20px 0 20px;
	background: #ccc;
}
	.incomingtransfers-legend-item
	{
		float: left;
		padding: 12px 0 5px 20px;
		font-size: 13px;
		font-weight: bold;
		border-left: 1px solid #999;
		position: relative;
		height: 15px;
	}
		.incomingtransfers-legend-item select
		{
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
			height: 32px;
			padding: 5px 0 0 15px;
			background: #ccc;
			font-weight: bold;
			color: #1d1d1d;
			outline: 0;
			text-decoration: underline;
			cursor: pointer;
		}
			.incomingtransfers-legend-item select option
			{
				background: #fff;
			}
	.incomingtransfers-legend-item:first-child
	{
		border: 0;
	}
	.incomingtransfers-legend-item.style
	{
		width: 70px;
	}
	.incomingtransfers-legend-item.size
	{
		width: 70px;
	}
	.incomingtransfers-legend-item.color
	{
		width: 150px;
	}
	.incomingtransfers-legend-item.description
	{
		width: 300px;
	}
	.incomingtransfers-legend-item.source
	{
		width: auto;
	}

.incomingtransfers-rows
{
	margin: 0 20px;
	max-height: 350px;
	overflow-y: scroll;
}
	.incomingtransfers-row
	{
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
	.incomingtransfers-row.intransit
	{
		background: #faffbd;
	}
	.incomingtransfers-row.notsentyet
	{
		background: #fc3;
	}
		.incomingtransfers-row-item
		{
			float: left;
			padding: 10px 0 10px 20px;
			font-size: 13px;
			border-left: 1px solid rgba(0,0,0,.2);
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.incomingtransfers-row-item:first-child
		{
			border: 0;
		}
		.incomingtransfers-row-item.style
		{
			width: 70px;
		}
		.incomingtransfers-row-item.size
		{
			width: 70px;
		}
		.incomingtransfers-row-item.color
		{
			width: 150px;
		}
		.incomingtransfers-row-item.description
		{
			width: 300px;
		}
		.incomingtransfers-row-item.source
		{
			width: auto;
		}
.incomingtransfers-colors
{
	line-height: 28px;
	margin: 10px 0 0 20px;
}
	.incomingtransfers-colors-color
	{
		width: 24px;
		height: 24px;
		float: left;
		margin: 0 0 0 20px;
		border: 1px solid #999;
	}
	.incomingtransfers-colors-color:first-child
	{
		margin: 0;
	}
	.incomingtransfers-colors-color.intransit
	{
		background: #faffbd;
	}
	.incomingtransfers-colors-color.notsentyet
	{
		background: #fc3;
	}
	.incomingtransfers-colors-text
	{
		float: left;
		margin: 0 0 0 10px;
	}

/* transfers to unpack */
.transferstounpack-title
{
	background: #000;
}
.transferstounpack-title-text
{
	color: #fff;
	font-size: 24px;
	margin: 0 0 0 10px;
	line-height: 50px;
	float: left;
}
.transferstounpack-title-closewindow
{
	float: right;
	width: 32px;
	height: 32px;
	margin: 10px 10px 0 0;
	background: url(../img/close.png) center no-repeat;
	background-size: cover;
	cursor: pointer;
}

.transferstounpack-legend
{
	margin: 10px 20px 0 20px;
	background: #ccc;
}
	.transferstounpack-legend-item
	{
		float: left;
		padding: 12px 0 5px 20px;
		font-size: 13px;
		font-weight: bold;
		border-left: 1px solid #999;
	}
	.transferstounpack-legend-item:first-child
	{
		border: 0;
	}
	.transferstounpack-legend-item.id
	{
		width: 100px;
	}
	.transferstounpack-legend-item.lastaction
	{
		width: 120px;
	}
	.transferstounpack-legend-item.numberofitems
	{
		width: 130px;
	}

.transferstounpack-rows
{
	margin: 0 20px;
	max-height: 350px;
	overflow-y: scroll;
}
	.transferstounpack-row
	{
		background: #faffbd;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}
		.transferstounpack-row-item
		{
			float: left;
			padding: 10px 0 10px 20px;
			font-size: 13px;
			border-left: 1px solid rgba(0,0,0,.2);
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
		.transferstounpack-row-item:first-child
		{
			border: 0;
		}
		.transferstounpack-row-item.id
		{
			width: 100px;
		}
		.transferstounpack-row-item.lastaction
		{
			width: 120px;
		}
		.transferstounpack-row-item.numberofitems
		{
			width: 130px;
		}

.duplicateitem-text
{
	text-align: center;
	font-size: 26px;
	color: #000;
	margin: 30px 0 0 0;
}
.duplicateitem-confirm
{
	background: #0c3;
	color: #fff;
	font-size: 25px;
	padding: 12px 24px;
	float: left;
	margin: 40px 0 0 230px;
	cursor: pointer;
}

.duplicateitem-remove
{
	background: #ccc;
	color: #666;
	font-size: 18px;
	padding: 10px 20px;
	float: left;
	margin: 47px 0 0 30px;
	cursor: pointer;
}

.notification-overlay,
.confirmation-overlay,
.option-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 500;
	display: table;
}
	.notification,
	.confirmation,
	.option
	{	
		display: table-cell;
		vertical-align: middle;
    text-align: center;
	}
	.notification > div,
	.confirmation > div,
	.option > div
	{
		margin: 20px;
		padding: 20px;
		max-width: 600px;
		vertical-align: middle;
		text-align: center;
		background: #fff;
		display: inline-block;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 1px 5px 3px rgba(0,0,0,.4);
	}
	.option
	{
		padding-bottom: 40px;
	}
		.notification-icon,
		.confirmation-icon,
		.option-icon
		{
			display: inline-block;
			vertical-align: middle;
			width: 64px;
			height: 64px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin: 0 0 10px 0;
		}
		.notification-message,
		.confirmation-message,
		.option-message
		{
			display: inline-block;
			vertical-align: middle;
			max-width: 506px;
			margin: 0 0 10px 20px;
			font-size: 13px;
			font-weight: bold;
			color: #6b7084;
			text-align: left;
			color: #000;
		}
		.option-options
		{
			text-align: center;
		}
		.notification-ok,
		.confirmation-confirm,
		.option-option
		{
			background: #2bd753;
			border: 1px solid #2cae4a;
			color: #fff;
			padding: 6px 20px;
			border-radius: 4px;
			font-size: 13px;
			text-align: center;
			cursor: pointer;
		}
		.option-option + .option-option
		{
			background: #d7ad2b;
			border-color: #c19b29;
		}
		.notification-ok
		{
			display: inline-block;
			text-align: center;
			cursor: pointer;
		}
		.confirmation-confirm
		{
			display: inline-block;
			text-align: center;
		}
		.option-option
		{
			display: inline-block;
			margin: 0 10px;
		}
		.notification-ok:hover,
		.confirmation-confirm:hover,
		.option-option:hover
		{
			background: #45ea6c;
		}
		.option-option + .option-option:hover
		{
			background: #f0c237;
		}
		.confirmation-cancel
		{
			background: #f9a2a2;
			border: 1px solid #be6868;
			color: #333;
			display: inline-block;
			margin: 0 0 0 30px;
			padding: 6px 20px;
			border-radius: 4px;
			font-size: 13px;
			text-align: center;
			cursor: pointer;
		}
		.confirmation-cancel:hover
		{
			background: #ffc5c5;
		}
		.option-cancel
		{
			position: absolute;
			bottom: 10px;
			left: 0;
			right: 0;
			margin: auto;
			width: 100px;
			text-align: center;
			display: inline;
			color: #999;
			cursor: pointer;
		}
		.option-cancel:hover
		{
			text-decoration: underline;
		}

.gridwidth-size {width: 100px;}
.gridwidth-color {width: 150px;}
.gridwidth-datetime {width: 150px;}
.gridwidth-username {width: 150px;}

.searchinventory-legend
{
	background: #000;
	display: flex;
	margin: 20px 20px 0 20px;
}
	.searchinventory-legend-item
	{
		padding: 5px;
		color: #fff;
		border-left: 1px solid #fff;
		font-size: 14px;
		font-weight: bold;
	}
	.searchinventory-legend-item:first-child
	{
		border-left: 0;
	}

.searchinventory-rows
{
	max-height: 320px;
	background: #ccc;
	margin: 0 20px;
	overflow-y: scroll;
}
	.searchinventory-row
	{
		display: flex;
		border-bottom: 1px solid #ddd;
	}
	.searchinventory-row.highlight
	{
		background: #faffbd;
	}
		.searchinventory-row-item
		{
			padding: 5px;
			font-size: 13px;
			border-left: 1px solid #ddd;
		}
		.searchinventory-row-item:first-child
		{
			border-left: 0;
		}
		.searchinventory-view
		{
			width: 22px;
			height: 22px;
			background: url(../img/view.png) center no-repeat;
			background-size: contain;
			cursor: pointer;
			margin-left: 10px;
		}
		.searchinventory-delete
		{
			width: 22px;
			height: 22px;
			background: url(../img/cancel.png) center no-repeat;
			background-size: contain;
			cursor: pointer;
			margin-left: 10px;
		}

.noresults
{
	padding: 10px;
	font-style: italic;
	color: #999;
	text-align: center;
}

.exchangeitem
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 20px;
}
	.exchangeitem [type="text"],
	.exchangeitem select
	{
		padding: 5px;
		border: 1px solid #1a1a1a;
	}
	.exchangeitem-from
	{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
		.exchangeitem-from-style,
		.exchangeitem-from-sizecolor
		{
			display: flex;
			gap: 20px;
			align-items: center;
			min-height: 28px;
		}
			.exchangeitem-from-style-label,
			.exchangeitem-from-sizecolor-label
			{
				width: 160px;
				text-align: right;
				font-weight: bold;
				color: #1a1a1a;
			}
			.exchangeitem-from-style-search
			{
				flex: 1;
				display: flex;
			}
				.exchangeitem-from-style-search input
				{
					flex: 1;
				}
			.exchangeitem-from-style-reset
			{
				width: 28px;
				height: 28px;
				cursor: pointer;
				background: url(../img/reset.png) center no-repeat;
				background-size: contain;
				margin-right: auto;
			}
			.exchangeitem-continue
			{
				display: inline-block;
				background: #000;
				color: #fff;
				padding: 5px 20px;
				cursor: pointer;
				margin-left: 180px;
				margin-right: auto;
			}
	.exchangeitem-scan
	{
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 50px;
	}
		.exchangeitem-scan-message
		{
			text-align: center;
			color: #000;
			font-weight: bold;
			background: #faffbd;
			padding: 40px 0;
			justify-content: center;
		}
		.exchangeitem-scan-scanneditem
		{
			position: relative;
			padding: 20px;
			background: #ddd;
			color: #1a1a1a;
			display: flex;
			flex-direction: column;
			gap: 15px;
		}
			.exchangeitem-scan-scanneditem-reset
			{
				position: absolute;
				top: 5px;
				right: 8px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
				font-size: 22px;
				color: #666;
				font-weight: bold;
			}
			.exchangeitem-scan-scanneditem-style
			{
				font-size: 26px;
				font-weight: bold;
			}
			.exchangeitem-scan-scanneditem-sizecolor
			{
			}
			.exchangeitem-scan-scanneditem-price
			{
				font-size: 22px;
				text-align: right;
				margin-left: auto;
				color: #06f;
				font-weight: bold;
			}
		.exchangeitem-scan-exchange
		{
			background: #000;
			color: #fff;
			padding: 5px 20px;
			cursor: pointer;
			margin-left: auto;
			margin-right: auto;
			font-weight: bold;
			font-size: 18px;
		}
		
		input.autocompleted, select.autocompleted
		{
			background: #09f;
			pointer-events: none;
			cursor: default;
		}

.popup-titlebar
{
	display: flex;
	gap: 20px;
	background: #000;
	color: #fff;
	padding: 5px;
	align-items: center;
	justify-content: space-between;
}
	.popup-titlebar-title
	{
		font-size: 16px;
		font-weight: bold;
		margin: 5px;
	}
	.popup-titlebar-close
	{
		width: 32px;
		height: 32px;
		background: url(../img/close.png) center no-repeat;
		background-size: contain;
		cursor: pointer;
	}

/* Search form */
.search-form {float: right; margin: 10px 20px 0 0;}
.search-form-group {float: left; height: 50px;}
.search-form-compressed {float: right; margin: 5px 20px 0 0;}
	.search-form-dates,
	.search-form-checkbox
	{
		float: left;
	}
	.search-form-checkbox
	{
		margin: 0 40px 0 0;
	}
		.search-form-checkbox [type="checkbox"]
		{
			vertical-align: middle;
		}
		.search-form-checkbox label
		{
			line-height: 26px;
		}
	.search-form-search
	{
		float: left;
		margin: 0 0 0 20px;
		position: relative;
		top: -4px;
	}
	.price-range
	{
		float: left;
		margin: 0 0 0 20px;
		position: relative;
		top: -14px;
	}
	.search-form input[name="date_to"] {margin: 0 20px 0 0;}
	.search-form-button
	{
		padding: 4px 30px 4px 5px;
		border: 1px solid #333; 
		background: #333; 
		color: #fff; 
		font-weight: bold; 
		display: inline-block; 
		cursor: pointer;
		transition: all 0.1s ease-out;
	}
	.search-form-button:hover {background: #fff; color: #333;}
	.search-form-button:active {background: #dfdfdf;}
	.search-form-button.disabled
	{
		cursor: default;
		background: #ccc;
		border-color: #ccc;
		color: #999;
	}
.cleardates
{
	display: inline; 
	margin: 0 10px 0 0; 
	font-size: 14px; 
	font-weight: bold; 
	cursor: pointer;
}

.loading
{
	width: 100%;
	height: 52px; 
	background: url(../img/loadingwhite.gif) center no-repeat;
}

/* bestsellers */
.bestsellers-container
{
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	height: 520px;
	overflow-y: auto;
}
.bestsellers-listcontainer
{
	margin: 10px 20px 0 20px;
	min-width: calc(100vw - 54px);
}
	.bestsellers-item
	{
		float: left;
		margin: 20px 0 0 24px;
		border: 1px solid #ddd;
		box-shadow: 3px 3px 4px rgba(0,0,0,.3);
		padding: 10px;
		width: 140px;
	}
		.bestsellers-item-image
		{
			width: 140px;
			height: 210px;
			position: relative;
			overflow: hidden;
		}
			.bestsellers-item-image img
			{
				max-width: 140px;
				max-height: 210px;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
			}
		.bestsellers-item-style
		{
			font-size: 16px;
			font-weight: bold;
			margin: 10px 0 0 0;
		}
		.bestsellers-item-color
		{
			font-size: 16px;
			margin: 5px 0 0 0;
			font-weight: bold;
		}
		.bestsellers-item-quantity
		{
			font-size: 16px;
			margin: 5px 0 0 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #ddd;
		}
		.bestsellers-item-cost
		{
			margin: 5px 0 0 0;
		}
		.bestsellers-item-price
		{
			margin: 5px 0 0 0;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #ddd;
			white-space: nowrap;
		}
		.bestsellers-item-description,
		.bestsellers-item-supplier
		{
			color: #666;
			margin: 5px 0 0 0;
			height: 17px;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;
		}
		.bestsellers-item-description
		{
			height: 34px;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.bestsellers-item-supplier
		{
			font-style: italic;
		}