body{
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.4;	
}

table{width:100%;}
.form-standard {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-standard input{
	margin-bottom:10px;
}
.top-tools{
	width:300px;
	display: inline-block;
}
.top-btn{
	border-radius:4px;
	height:100%;
	text-align:center;
	padding:6px 5px 5px 5px;
	position:relative;
	display:inline-block;
	background:#444;
	border:1px solid #777;
	color:#fff;
	cursor:pointer;
}
.itembox{
	border-bottom:1px solid #aaa;
	padding:2px 8px 2px 8px;
}
select{
	border:1px solid #555;
	padding:2px;
	float:right;
}
.itembox.selected{
	color:#222;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90c4f4+0,73b1e7+10,73b1e7+10,0a77d5+50,539fe1+89,63ace8+100 */
	background: rgb(144,196,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(144,196,244,1) 0%, rgba(115,177,231,1) 10%, rgba(115,177,231,1) 10%, rgba(50,119,213,1) 50%, rgba(83,159,225,1) 89%, rgba(99,172,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(144,196,244,1) 0%,rgba(115,177,231,1) 10%,rgba(115,177,231,1) 10%,rgba(50,119,213,1) 50%,rgba(83,159,225,1) 89%,rgba(99,172,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(144,196,244,1) 0%,rgba(115,177,231,1) 10%,rgba(115,177,231,1) 10%,rgba(50,149,233,1) 50%,rgba(83,159,225,1) 89%,rgba(99,172,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c4f4', endColorstr='#63ace8',GradientType=0 ); /* IE6-9 */

}
.itembox.used:not(.selected){
	color:#000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf7cc+1,f1da36+100 */
	background: rgb(252,247,204); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,247,204,1) 1%, rgba(241,218,54,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,247,204,1) 1%,rgba(241,218,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,247,204,1) 1%,rgba(241,218,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf7cc', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

}
.itembox.used.selected{
	display:none;
}
.row.temp1:not(.shoplist){
	display:none;
}
.row.temp1 .itembox{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4c4c4+0,a5a5a5+49,c4c4c4+100 */
background: #c4c4c4; /* Old browsers */
background: -moz-linear-gradient(top, #c4c4c4 0%, #a5a5a5 49%, #c4c4c4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c4c4c4 0%,#a5a5a5 49%,#c4c4c4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c4c4c4 0%,#a5a5a5 49%,#c4c4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}
.catbox{
	background:#ddd;
	color:#000;
	font-weight:600;
	border-bottom:1px solid #aaa;
	padding:2px 8px 2px 8px;
	margin-top:40px;
	cursor:pointer;
}
.spacebox{
	background:#ddd;
	color:#000;
	font-weight:600;
	border-bottom:1px solid #aaa;
	padding:2px 8px 2px 8px;
}
.catlabel{
	background:none;
}

.itemname{
	display:inline-block;
}
.categoryname{
	float:right;
	padding:4px 10px 0px 5px;
	font-size:0.8rem;
}
.toolbox{
	color:#fff;
	border:1px solid #aaa;
	margin:5px 5px;
	padding:5px 10px;
	border-radius:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,a80077+51,db36a4+100;Pink+Gloss */
background: rgb(203,96,179); /* Old browsers */
background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}
#dialog-letterbox{display:none;}
.letter{
	color:#999;
	position:absolute;
	top:-10px;
	left:49%;
	border-radius:21px;
	width:38px;
	height:38px;
	background:#fff;
	text-align:center;
	border:1px solid #888;
	box-shadow: 3px 3px 12px #999;
	padding-top:6px;
    -webkit-transition: background 2s; /* Safari */
    transition: background 2s;	
}
.selectedLetter{
	background:#E72;
	color:#FFF;
}
.shoplist .letter{display:none;}
.letterbox{
	margin:0 auto;
	width:240px;
}
.ltr{
	display:inline-block;
	border:1px solid #444;
	background:E72;
	padding:10px;
	width:40px;
	height:40px;
	border-radius:5px;
	margin:5px 5px;
	line-height:20px;
	text-align:center;
}

.itool{
	float:right;
}
.fa{
	cursor:pointer;
	color:#aaa;
}
.fa:hover{
	color:#E72;
}

.big{
	font-size:2rem;
}

.ui-dialog-titlebar{
	display:none;
}
.ui-widget-overlay{
	background-color:#555 !important;
	z-index:9999 !important;
	opacity:0.8 !important;
}


.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 600px; /* or 950px */
}