* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px Tahoma, sans-serif;
	xbackground: #121212 url(images/stripe.png) repeat;
}

p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 2px;
}

h1 {
	font: 2.0em Tahoma, sans-serif;
	color: white;
	height: 0px;
}

h2 {
	font: 1.8em Tahoma, sans-serif;
	color: green;
	margin-bottom: 10px;
}

ul {
	margin-left: 25px;
}

img {
	border: none;
}

#page-wrap {
	xbackground: white;
	min-width: 780px;
	xmax-width: 1260px;
	margin: 4px auto;
	}
	#page-wrap #inside {
		margin: 10px 10px 0px 10px;
		xpadding-top: 10px;
		padding-bottom: 10px;
	}
	
#main-content {
	/*background: url(images/left-sidebar.gif) repeat-y white;*/
	xpadding-left: 230px;
	xpadding-top: 20px;
	margin-left:10px;
	margin-right:3px;
	min-height:400px;
}
	
#header {
	background: #636371;
	text-align: center;
}

#header .user {
	color: #ddd;
	margin-left:20px;
	float:left; 
	padding:7px 0px 0px 0px;
}

.left-sidebar {
	background: #d3d3d9; /*url(images/left-sidebar.gif) repeat-y white;*/
	max-width: 214px;
	min-width: 214px;
	xpadding:20px 5px 0px 15px;
	height:100%;
}

#left-sidebar {
	width: 210px;
	min-width: 210px;
	float: left;
	padding: 20px 13px 0px 15px;
	height:580px;
}


#footer {
	background: #636371;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
}

/*--------*/
  .shopify {background:transparent; color:#666; width:75%; display:inline-block; border-radius:4px;}
  .hilite {background:#ffc;}
  .Xshopify-footer {background:#dddda1; color:#666; width:100%;border-radius: 4px;display: inline-block;} //898991
  .Xshopify-footer.hilite {background:#ffc;}
  .xsold {color: #888; font-weight:normal; font-size:11px;}
  .sold-footer {color: #ccc; font-weight:normal; font-size:11px;}

  .sold {
  		margin:1px 4px 3px 4px;
		padding: 1px 0px;
		text-align: center;
		font-weight: bold;
		font-family: arial;
		border-radius: 5px;
		min-width: 40px;
		max-width: 120px;
		xbackground-color: #FFBF00;
	}  
	.sold.shade-w {background-color:#A79358; color:#FF0;}
	.sold.shade-0 {background-color:#FFFFFF; color:#DDD;}
	.sold.shade-1 {background-color:#91FF91; color:#666;}
	.sold.shade-2 {background-color:#2FFF2F; color:#555;}
	.sold.shade-3 {background-color:#20D420; color:#444;}

  .draggable {
  		margin:2px 4px 1px 4px;
		padding: 1px 0px;
		text-align: center;
		font-weight: bold;
		font-family: arial;
		border-radius: 5px;
		min-width: 40px;
		max-width: 120px;
		xbackground-color: #FFBF00;
	}  
	.draggable.shade-w {background-color:#58A758; color:#FF0;}
	.draggable.shade-0 {background-color:#FEFEFE; color:#DDD;}
	.draggable.shade-1 {background-color:#F5BA0A; color:#FFF;}
	.draggable.shade-2 {background-color:#E2B01D; color:#FFF;}
	.draggable.shade-3 {background-color:#EBB000; color:#FFF;}

  .sold.zero {color: #999; font-weight:normal;}
  .draggable.zero {color: #999; font-weight:normal;}
  
  /*.theTable .draggable:hover {*/
/*
  .draggable:hover {
	background:#000;
	color:#fff;
  }
*/
  .droppable {
    position: absolute;
    left: 250px;
    top: 0;
    background: #999;
    color: #fff;
    border:4px double #888; 
    padding:3px 8px;
  }
  .dragged {border:1px solid #666; border-radius:0; padding-left:0px; padding-right:0px; height:17px;}
  .dropped {background: #ffc; border:3px double #666; border-radius:0; padding-left:0px; padding-right:0px; margin-top:0px; margin-bottom:0px; height:19px;}

  .button {border:none; background:#636371; padding:5px 15px; color:#fff; font-weight:bold; height:24px;}
  .button.disabled {border:none; background:#d3d3d9; padding:4px 15px; color:#888; font-weight:bold;}
  .button-small {border:none;background:#636371; padding:0px 10px; color:#fff; font-weight:bold; height:24px;}
  .button-small2 {border:none;background:#636371; padding:0px 10px; color:#fff; font-size:10px; font-weight:normal; height:18px;}
  .buttonDown {xbackground:#FCD878; xcolor:#000;}
  .button.mini {margin:0; padding:0px 2px; font-weight:normal; height:18px; border:none;}
  
 input[type="file"] {xdisplay: none;}
.button-file-container {margin-top: -10px;display: inline-block;}
.button-file-upload {display: inline-block;cursor: pointer;background: #636371;padding: 4px 10px 1px;font-weight:bold; color: #fff;height: 18px;}

#bin {font-size:13px; padding-left:2px; width:52px; color: purple;  display:inline-block; padding: 1px 0px; text-align:center; margin:2px 7px 0px 0px; border:1px solid #888;}
#bin:focus, #sku:focus {background:#ff8; border:1px solid #000;}
#theTable th#ToggleInventoryMode {color:#000; font-weight:bold; cursor:pointer; text-align:center;}
#theTable th#ToggleInventoryMode.disabled {font-weight:normal; color:#888; cursor:initial;}

#Style {float:left; color: purple; font-weight:bold; display:inline-block; padding: 2px 8px; margin-left:00px; margin-right:10px; border:1px solid #888;}
#Color {float:left; color: purple; font-weight:bold; display:inline-block; padding: 2px 8px; border:1px solid #888;}	
#Style .dim {color: #ddd}
#Color .dim {color: #ddd}
	#recordBtnImg {
		width: 45px;
		height: 42px;
		background: url(images/running.gif) no-repeat;
		display: inline-block;
		xmargin-bottom: -20px;
		display: none;
		background-size: 42px 42px;	
	}
	#recordBtn {
		margin-top:0px;
	}
/*--------*/
	.nmpd-grid {border: none; padding: 20px; width: 249px; margin:0}
	.nmpd-grid>tbody>tr>td {border: none;}
	input.nmpd-target[readonly] {background-color: white; cursor: pointer;}
	
	/* Some custom styling for Bootstrap */
	.qtyInput {display: block;
		width: 100%;
		padding: 6px 12px;
		color: #555;
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 4px;
		text-align: right;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
/*--------*/
		h2 {margin-top:0px; font-size:24px;}

		a{text-decoration:none; color:#000}
		a:hover{color:#00F;xfont-weight:bold}

		#footer a{text-decoration:none; color:#ddd}
		#footer a:hover{color:#ff9;}

		.results a{text-decoration:none; color:#000}
		.results a:hover{color:#00F;}
		
		#theTable th {font-weight:normal; padding:4px 4px; color:#fff; background:#636371; xtext-align:center; cursor:pointer; border:1px solid #fff; white-space:nowrap}
		#theTable td {font-weight: normal;color: #000; font-size: 12px;xtext-align: center;min-width: 20px; white-space:nowrap}
		#theTable td.shaded {background:#dddddd;}
		
		#theTable .heading {padding-left:12px;}
		#theTable .heading.sort-asc {background: url(images/up.gif) 9px 11px no-repeat #636371; padding-left:24px;}
		#theTable .heading.sort-desc {background: url(images/down.gif) 9px 11px no-repeat #636371; padding-left:24px;}
		
		.column-hover {background: #e8e8eb; border-left:1px solid #636371; border-right:1px solid #636371}
		
		.logoff a {color:#ddd; font-size:0.8em; text-decoration:none}
		.logoff a:hover {color:#ff0;}
		
		.block0 {color:#000; width:74%; font-weight:bold; margin-top:0px; margin-bottom:5px; margin-left:0px; padding-left:2px;}			
		.block1 {background:url(images/block-000.png) left 2px no-repeat; color:#000; width:74%; font-weight:bold; margin-top:0px; margin-bottom:5px; margin-left:0px; padding-left:18px; color:#888}			
		.wedge1 {background:url(images/wedge-right-000.png) left 2px no-repeat; margin-top:2px; margin-left:0px; padding-left:14px;}
		.wedge2 {background:url(images/wedge-right-777.png) left 2px no-repeat; margin-top:2px; margin-left:14px; padding-left:14px;}
		.wedge3 {background:url(images/wedge-right-AAA.png) left 2px no-repeat; margin-top:2px; margin-left:28px; padding-left:14px;}
		.wedge4 {background:url(images/wedge-right-CCC.png) left 2px no-repeat; margin-top:2px; margin-left:42px; padding-left:14px;}
/*--------*/

fieldset {border:none; margin-bottom:10px;}
fieldset label {display:inline-block; font-weight:bold; color:purple; width:124px;}
fieldset input {padding-left:4px; padding-right:4px;}
fieldset textarea {padding-left:4px; padding-right:4px; width:300px;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
#nmpd-head {margin-top:5px; font-size:15px;}
#nmpd-head-name {font-size:16px; font-weight:bold}

table.tablesorter tbody tr.even.selected {
	background-color:#FF0;
}
table.tablesorter tbody tr.odd.selected {
	background-color:#FEFF7D;
}
table.tablesorter tbody tr.even.selectedpartly {
	background-color:#DDF2FF;
}
table.tablesorter tbody tr.odd.selectedpartly {
	background-color:#BDE5FF;
}

#tblRecording tr:hover {background:#ff0}

#ordersTable thead tr th, table tfoot tr th,
table.tablesorter thead tr th, table.tablesorter tfoot tr th,
#header,
#footer,
#theTable th,
.button-small,
.button
{background: #534B7B !important;}

.button.disabled,
#theTable th#ToggleInventoryMode.disabled
{color:#d03131 !important; background:#f49393 !important;}