body {
	font-family: Arial;
}

a {
	font-size: 0.8em;
	text-decoration: none;
	color: #000;
}

img {
	max-width: 100px;
	max-height: 100px;
}

form {
	margin: 0;
	padding: 0;
}

form input {
	width: 25em;
}

button {
	cursor: pointer;
	width: 15em;
	text-align: left;
}

#back {
	border: solid 1px #AAA;
	background-color: #DDD;
	padding: 2em;
	display: inline-block;
	width: auto;
}

#back:hover {
	background-color: #CCC;
}

#save {
	border: solid 1px #3f9e5b;
	background-color: #c0ffca;
	padding: 2em;
	display: inline-block;
	width: auto;
}

#save:hover {
	background-color: #b0efba;
}

.success {
	background-color: #038203;
	color: #FFF;
	padding: 1em;
}

.error {
	background-color: #a20000;
	color: #FFF;
	padding: 1em;
}

#content {
	padding: 1em;
}

h1 {
	margin: 0;
	padding: 1em 0 2em 0;
}

h2 {
	margin: 0;
	padding: 0 0 1em 0;
}

h2:not(:first-of-type) {
	padding-top: 1em;
}

.products_model {
	display: none;
}

table {
	float: left;
	margin-right: 5em;
}

td {
	padding: 0.5em 1em;
}

table:first-of-type td,
table.product td {
	border-bottom: solid 2px #FFF;
	background-color: #DDD;
}

table:last-of-type td {
	padding: 0.1em 1em;
	text-align: center;
}

table:last-of-type td input {
	width: 100%;
}

td:not(:first-of-type) {
	padding-left: 3em;
}

#sortable1 li,
.sortable2 li {
	border: solid 1px #fcefa1;
	padding: 0.2em;
	background-color: #fbf9ee;
	font-size: 0.8em;
	cursor: move;
	text-align: left;
}

#sortable1, .sortable2 {
	min-height: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	min-width: 10em;
}

#categories,
#categories table {
	float: none;
	margin: 0;
}

#categories table {
	margin: 0.5em 1em 2em 5em;
}

#categories th {
	padding: 0.1em 1em;
	text-transform: capitalize;
}

.text-left {
	text-align: left !important;
}

.nowrap {
	white-space: nowrap !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.clear {
	clear: both;
}