:root {
	--main-color: #333;
	--main-color-light: #fff;
	--main-color-error: #c00;
	--main-color-highlight: #c00;
	--back-gradient: #fff;
}
body {
	position:relative;
	padding:0;
	margin:0;
	font-family: 'MetaNormal', Helvetica, Arial, Sans-Serif;
	font-size:18px;
}

.bodydiv {
	position:relative;
	width: 100%;
	display:inline-block;
	color: var(--main-color);
	text-align:center;
	min-height:500px;
}

a {
	text-decoration:none;
	color:inherit;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
ul li {
	display:inline-block;
}

input, textarea, button {
	border:solid 1px var(--main-color);
	background-color:var(--main-color-light);
	color:var(--main-color);
	padding: 5px 8px;
	margin-bottom:5px;
}
input[type="submit"], button:not(.simple) {
	border: solid 1px var(--main-color);
	color:var(--main-color-light);
	background-color:var(--main-color);
}
button.light {
	background-color:var(--main-color-light);
	color:var(--main-color);
}
input:disabled {
	opacity:0.5;
}
button {
	cursor:pointer;
}
button.symbolbutton {
	border:none;
	background:transparent;
	color:inherit;
	font-size:1.2em;
	margin:0;
	padding:0;
}
.autofilloptions {
	padding:5px;
	border: solid 1px var(--main-color);
	background-color:var(--main-color-light);
	min-height:2em;
	max-height:6em;
	overflow:auto;
}
.column {
	display:inline-block;
	vertical-align: top;
}

.confirm_buttons button.yes {
	background-color: var(--main-color-highlight);
	border-color: var(--main-color-highlight);
}

#_burgermenu {
	position:fixed;
	top:10px;
	left:5px;
	display:block;
	z-index:1000;
}

.menuback {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--main-color);
    opacity:0.6;
    z-index: 999;
}
.topdiv {
	position:absolute;
	top:5px;
	left:20px;
	padding: 5px 10px;
	z-index:1000;
	margin:0;
	font-weight:bold;
	font-size:18px;
	text-align:left;
}
.topdiv .show_yes {
	display:none;
}
.topdiv.show .show_yes {
	display:block;
}
.topdiv.show .show_no {
	display:none;
}
.topdiv.show {
	background-color:var(--main-color);
	color:var(--main-color-light);
}
#burgermenu {
	outline:none;
	font-size:24px;
}
#topmenu ul li {
	display:block;
	margin:4px 0;
}
#topmenu ul li.separator {
	margin:4px 0;
	height:1px;
	background-color:#fff;
}


.contentdiv {
	margin-top:50px;
	padding:0 30px;
}
.content_inner {
	text-align:left;
}

.symbolbutton.delete, .delete {
	color:#c33;
}
.edit {
	color:#c93;
}
.add {
	color:#393;
}
.spacer {
	height:1em;
}
.bigspacer {
	height:5em;
}
.section {
	margin-top:20px;
	padding-top:10px;
}
.section_title {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
}
.section_title .addbutton {
	display:inline-block;
	margin-left:10px;
}
.spaceSpan {
	display:inline-block;
	width:2em;
}
.row {
	margin:5px 0;
}
.row label {
	display:block;
	font-style:italic;
}
.rowspan {
	display:inline-block;
	margin-left: 10px;
}
label button, label button.symbolbutton {
	margin-left:10px;
}
.overlaycontentdiv {
	padding:10px;
}
.formrow {
	margin:5px 0;
}
.formrow label {
	display:block;
}
.formrow .error {
	color:var(--main-color-error);
}
.article_submenu {
	margin-bottom:20px;
}
.article_submenu ul li {
	margin-right:20px;
}

.editList table tr td {
	padding-right:20px;
}
.editList table tr td:last-child {
	padding-right:0;
}
.disabledCategory {
	color:#c00;
}

.accessoryImage img {
	max-width:300px;
	max-height:300px;
}

#addAccessory_list li, #addAccessoriesGroup_list li {
	display:block;
}
.accessoriesGroupsList .nametype {
	display:inline-block;
	width:200px;
	overflow:hidden;
}
.coordinate {
	display:inline-block;
	margin-left:20px;
}
.coordinate input {
	width:50px;
}

#translations_div label {
	display:inline-block;
	margin-right:20px;
}