html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
/* font-size: 100%; */
font-size: 11pt;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1.3em;
color: #333333;
background: white;
font-family: "Trebuchet MS", Verdana, Arial, SunSans-Regular, Sans-Serif;
overflow:auto;
overflow: -moz-scrollbars-vertical;
}

html, body {
height:100%;
}

.norm p {
padding-bottom: 14px;
}

a:link, a:visited,
#hilfe a:link, #hilfe a:visited {
color: #1b75bb;
text-decoration: none;
}

a:hover, a:active,
#hilfe a:hover, #hilfe a:active {
text-decoration: underline;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.42857143;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:active, .btn:focus, .btn.focus {
	color: #333333;
	text-decoration: none;
}
.btn-primary {
	color: #ffffff;
	background-color: #3276b1;
	border-color: #2c699d;
}
.btn-primary:hover, btn-primary:active, btn-primary:focus {
	color: #ffffff;
	background-color: #275b89;
	border-color: #1f496d;
}
.btn-secondary {
	color: #ffffff;
	background-color: #8c9195;
	border-color: #2c699d;
}
.btn-secondary:hover, btn-secondary:active, btn-secondary:focus {
	color: #ffffff;
	background-color: #222;
	border-color: #1f496d;
}

.clear {
clear:both;
}

#impress a {
font-size: 0.8em!important;
}

tr.odd {
background-color: #d0d0d0;
}

tr.even {
background-color: #f0f0f0;
}

#choosets tr:hover {
cursor: pointer;
background-color: #fcf9a7;
}

ol, ul {
list-style: none;
}

ol.decimal {
padding: 1em 0 1em 3em;
list-style: outside decimal none;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align:top;
}

table.std td {
padding: 1px 5px;
}

h1 {
color: #3f982e;
font-size: 1.3em;
font-weight:normal;
margin-bottom: 0.5em;
}

h1 > a:link, h1 > a:visited {
color: #3f982e;
text-decoration:none;
}

h1 > a:hover, h1 > a:focus {
color: #3f982e;
text-decoration:underline;
}

h2 {
font-size:1.1em;
}

.ui-accordion h2 {
font-size: 1em;
}

h2.help {
margin: 0 0 20px 0;
}

h4 {
color: #3f982e;
}

div.headline {
padding-bottom:1em;
}

div.headline > h1 {
display:inline;
padding-right:1.5em;
}

.promoteZ {
z-index: 2006;
}

.error-msg {
color:#d00;
background-color:#FEF1EC;
border:solid 1px #d00;
margin:5px 0;
padding:6px;
border-radius: 4px;
}

.error-msg > h2 {
font-weight:bold;
margin-bottom:5px;
}

.warning-msg {
	color:#000;
	background-color:#FEF100;
	border:solid 1px #D7CA00;
	margin:5px 0;
	padding:6px;
	border-radius: 4px;
}

.ok-msg {
	color:#000;
	background-color:#ABCF21;
	border:solid 1px #81A500;
	margin:5px 0;
	padding:6px;
	border-radius: 4px;
}
/* --- Neuer Kopf */


/* --- Neues Menu */

#menu-container {
	position:absolute;
	/*left:15px;*/
	/* top:49px; */
}

.menu {
	width:218px;
	border: 2px solid;
	margin: 0 0 15px 0;
	cursor: pointer;
}

.menu-green {
	background-color:#d2ffd0;
	border-color: #d2ffd0;
	color: #449530;
}

.menu-green > ul > li:hover,
.menu-green > h3:hover {
background-color:#f7fff7;
}

.menu-blue {
	background-color:#f2f2f2;
	border-color: #cccccc;
	color: #444444;
	margin: 0 0 5px 0;
}

.menu-blue > ul > li {
	background-color: #f2f2f2;
	/*border-bottom: 1px solid #d0d0d0;*/
	/*border-right: 1px solid #d0d0d0;*/
    padding-left: 25px!important;
}

.menu-blue > ul > li:hover,
.menu-blue > h3:hover {
background-color:#e0e0e0;
}

.menu-green > ul > li {
	background-color: #e9ffe8;
	border-bottom: 1px solid #d2ffd0;
	border-right: 1px solid #d2ffd0;
}

.menu-blue > ul > li > a {
color: #444444;
}

.menu-green > ul > li > a {
color: #449530;
}

.menu > ul > li > a {
	display:block;
	text-decoration: none;
	font-size: 13px;
}

.menu > h3 {
	border-bottom: white 1px solid;
	padding: 8px 10px 8px 11px;
    font-weight: normal;
	font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
	font-size: 15px;
}

.menu > h3.last, .menu > h3.open {
	border:none;
}

.menu > h3 > span {
	float: right;
}

.menu > ul {
	width: 215px;
	margin: 0;
	padding: 0;
	border: 1px solid white;
}

.menu > ul > li:first-child {
	border-top: none;
}

.menu > ul > li {
	padding: 7px 10px 7px 38px;
	/*border-top: 1px solid white;*/
}


/* --- Alter Kopf */
#inhalt {
margin:0 40px;
}

/* Neue Formulare für catShop */
.cs2form fieldset {
border:solid 2px #444444;
margin:5px 0;
padding:5px;
background-color: #f0f0f0;
color:#444;
}

.cs2form legend {
font-weight:bold;
border:none;
padding:2px 10px;
}

.cs2form div {
margin:5px 0;
}

.cs2form > div {
margin:8px 0;
}

.cs2form div.ui-slider-range {
margin:0;
}

.cs2form label {
display:block;
margin:2px 0;
color:#444444;
}

.cs2form label.option, .cs2form label.checkboxLabel {
display:inline;
}

.cs2form input {
width:90%;
}

.cs2form input[type=checkbox] {
width:auto;
margin-right:5px;
}

.cs2form textarea {
width:90%;
}

.cs2form button {
display:inline;
margin:0 3px;
}

.cs2form div.ui-accordion-content-active {
height:auto !important;
}

.cs2form .req-attr {
	border: 1px solid #ff1100;
}

.label_req_elem::after {
	content: "*";
}

/* Listenelement mit Checkbox und Filter  */
.listelem > ul > li.box,
.listelem > ul > li.allchkbox {
list-style: none;
white-space: nowrap;
}

.listelem > ul > li.allchkbox {
font-weight:bold;
clear:right;
}

.agfelem > div.box,
.gfelem > div.box {
display:inline-block;
white-space:nowrap;
overflow:hidden;
}

.agfelem > div.c1 {
display:block;
}

.agfelem > div.allchkbox,
.gfelem > div.allchkbox {
font-weight:bold;
clear:right;
}

.editableListElem ul {
padding:10px 0;
margin:10px 0;
}

.editableListElem ul > li {
margin-bottom: 2px;
}

.editableListElem ul > li:nth-child(even) {
background-color: #f0f0f0;
}

.editableListElem ul > li:nth-child(odd) {
background-color: #d0d0d0;
}

.editableListElem ul > li > span {
display:inline-block;
}

.editableListElem ul > li > span:first-child {
cursor:move;
}

.editableListElem ul > li > input {
width:auto;
}

.editableListElem ul > li.optionGroup {
padding-bottom: 1px;
padding-top: 4px;
border: solid 1px #A9A9A9;
}

.editableListElem ul > li.optionGroup > span.optionValueBlock {
visibility: hidden;
}

.editableListElem ul > li.optionGroup > ul.optionGroupList {
min-height: 50px;
background-color: #F5F5F5;
margin: 5px 3px 3px 22px;
padding: 5px;
border: 1px solid #D0D0D0;
}

.hidden {
visibility: hidden;
}

.noDisplay {
display: none;
}

.poUser {
font-size:8pt;
color:#888;
}

.poTemp {
font-size: 12pt;
font-weight: bold;
color: #F00;
}

.ui-icon-eye { background-image: url(../images/balken_n.png)!important; background-position: 0px -58px; }
.ui-icon-box { background-image: url(../images/balken_n.png)!important; background-position: -17px -58px; }
.ui-icon-border { background-image: url(../images/balken_n.png)!important; background-position: -33px -58px; }

div.agrfelem { margin:10px 0; }

div.agrfelem > label { font-weight: bold; }

div.agrfelem > div { float: right; }

div.agrfelem > div > input { width: auto; }

div.agrfelem > table .sel {
text-align: left;
padding: 5px 2px;
}

div.agrfelem > table > tbody > tr > th {
padding: 2px 10px;
vertical-align: middle;
}

div.agrfelem > table > tbody > tr > td {
text-align: center;
padding: 5px 2px;
vertical-align: middle;
}

div.agrfelem > table > tbody > tr > td:first-child { text-align: left; }

div.agrfelem > table tr.iv { display: none; }

div.agrfelem > table.wVoll {
width:100%;
}

.fixedButtons {
color:#000;
background-color:#EEEEEE;
border:solid 1px #999999;
margin:0 !important;
padding:6px;
border-radius: 4px;
position:absolute;
right: 0px;
z-index:1000;
}

.delMsg {
color:#000;
background-color:#EE5050;
border:solid 1px #d00;
margin:5px 0;
padding:6px;
border-radius: 4px;
z-index: 1000;
}

.newMsg {
color:#000;
background-color:#50AA50;
border:solid 1px #006600;
margin:5px 0;
padding:6px;
border-radius: 4px;
z-index: 1000;
}

.warningMsg {
color:#000;
background-color:#ffd200!important;
border:solid 1px #eeaa00;
margin:5px 0;
padding:6px;
border-radius: 4px;
z-index: 1000;
}

div.zuordnungElem > select {
margin:5px;
}

div.zuordnungElem > div.lists ul {
float:left;
margin:5px;
min-width: 200px;
min-height: 50px;
background-color:#F0F0F0;
border:solid 1px #808080;
}

div.zuordnungElem > div.lists ul:nth-of-type(2) {
max-height: 140px;
overflow-y: auto;
}

div.zuordnungElem > div.lists ul:nth-of-type(2) > li {
padding-right:20px;
}

div.zuordnungElem > div.lists ul > li {
margin:2px;
padding:2px;
}

div.zuordnungElem > div.lists ul > li.attr {
background-color:#f0f0f0;
clear:both;
}

div.zuordnungElem > div.lists ul.fileColoumns > li.attr {
background-color: #FFFFFF!important;
}

div.zuordnungElem > div.headline{
margin-left:7px;
padding: 0;
}

div.zuordnungElem > div.headline > span{
display:inline-block;
margin-right: 25px;
font-weight: bold;
}


div.csvZuordnungElem > label {
font-weight: bold;
}

div.csvZuordnungElem > select {
margin:5px;
}

div.csvZuordnungElem .searchInput {
width:230px!important;
}

div.csvZuordnungElem > div.lists > div {
float:left;
}

div.csvZuordnungElem > div.lists > div > ul {
float:none!important;
}

div.csvZuordnungElem > div.lists ul {
float:left;
margin:5px;
min-width: 150px;
min-height: 50px;
background-color:#F0F0F0;
border:solid 1px #808080;
overflow-y: auto;
max-height: 400px;
}

div.csvZuordnungElem > div.lists ul > li {
margin:2px;
padding:2px;
}

div.csvZuordnungElem > div.lists ul > li.attr {
background-color:#f0f0f0;
}

div.csvZuordnungElem > div.lists ul > li.tmplString {
background-color:#E9F59E;
}

div.csvZuordnungElem > div.lists ul > li.empty {
background-color:#BBB;
}

div.xmlZuordnungElem > label {
font-weight: bold;
margin-bottom: 5px;
}

div.xmlZuordnungElem > div.uploadResult {
float:left;
width:50%;
margin-top:0;
margin-right: 10px;
}

div.xmlZuordnungElem > div.uploadResult > div.tree {
margin-top:0;
}

div.xmlZuordnungElem > div.uploadResult > div.tree div {
padding:5px;
border:solid 1px #aaa;
margin-top:0;
}

div.xmlZuordnungElem > div.uploadResult > div.tree div > p {
padding-bottom: 2px;
}

div.xmlZuordnungElem > div.uploadResult > div.tree div > p > span {
display:inline-block;
cursor: pointer;
}

div.xmlZuordnungElem > div.datentyp {
position: sticky;
top: 5px;
margin-top:0;
padding:5px;
border:solid 1px #aaa;
overflow-y:auto;
height: 520px;
width:45%;
}

div.xmlZuordnungElem > div.datentyp > ul {
margin:5px 0;
}

div.xmlZuordnungElem > div.datentyp > ul > li > span {
display:inline-block;
}

div.xmlZuordnungElem > div.datentyp > ul > li {
margin:1px 0;
padding:2px 5px;
cursor:move;
}

div.xmlZuordnungElem > div.datentyp > ul.attr > li {
background-color:#fad42e;
border:solid 1px #E8C22C;
}

div.xmlZuordnungElem > div.datentyp > select {
margin-top:10px;
}

div.xmlZuordnungElem .xzeHover {
background-color:#0A0!important;
}

div.xmlZuordnungElem .xzeNormal {
background-color:#FFFFFF;
}

div.xmlZuordnungElem .xzeActive {
background-color:#999999;
}

.colorbox {
margin: 0 10px 0 0!important;
display:inline-block;
border:1px solid #666;
width:50px;
height:15px;
}

.colorboxMax {
height:20px!important;
}

div.colorListElem > ul {
margin:5px 0;
}

div.colorListElem > label > span {
cursor:pointer;
display:inline-block;
}

div.colorListElem > ul > li > div {
margin:0;
vertical-align:bottom;
cursor:move;
}

div.colorListElem > ul > li > span {
cursor:pointer;
display:inline-block;
}

.pobjname, .nowrap {
white-space: nowrap;
}

.dataTable tbody td {
font-size: 10.5pt;
}

#kategorieBubble {
list-style:none outside none;
}

#kategorieBubble > li {
position:relative;
width:100px;
height:140px;
float:left;
border: 1px solid #eeeeee;
padding: 10px;
margin-right: 5px;
margin-bottom: 5px;
}

#kategorieBubble > li:hover {
background-color:#fcf9a7;
}

#kategorieBubble > li > span {
font-size:10pt;
}

#cNEW > div {
border: none!important;
margin-right: 0;
width: 0;
}

div.colorSelectElem > ul > li {
border: 1px solid transparent;
margin: 1px 0 3px 0;
padding: 2px
}

div.colorSelectElem > ul > li > div {
margin: 0 10px 0 0;
display:inline-block;
border:1px solid #666;
width:50px;
height:15px;
}

div.colorSelectElem > ul > li > span.ui-icon {
display: inline-block;
margin-left: 10px;
cursor: pointer;
}

div.colorSelectElemData {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.colorSelectElemData > div {
display: inline-block;
}

div.colorSelectElemData > div.select > div {
cursor: pointer;
}

div.colorSelectElemData > div.default > span {
opacity: 0.7;
}

div.colorSelectElemData > div > div, div.hexColor {
margin: 0 10px -5px 0;
display:inline-block;
border:1px solid #666;
width:50px;
height:20px;
}

.defaultLabel {
margin: 0 5px;
opacity: 0.7;
}

div.filterSelectsDataList > div {
display:inline-block;
margin:5px 20px 5px 0;
}

div.filterSelectsDataList > div > label{
margin-right:5px;
color:#444444;
}

.disableFormElem {
border: dotted 1px;
}

input.disableFormElem {
padding:2px;
}

div.dataVorschlag {
margin: 0 10px 15px 10px;
background-color: #ffff99;
padding: 5px;
border: dotted 1px;
}

.dataWarnung {
background-color: #ffff99;
padding: 5px;
border: dotted 2px red;
}

button.dataUebernahme {
    margin-left: 8px;
}

/* ---------- LinkSelectFormElement (Modification-Mode) ---------- */
.linkSelectModificationElem {
	border: none!important;
}

.linkSelectModificationElem > .datalist, .linkSelectModificationElem > label > .collapseBtn {
	display: none!important;
}

.linkSelectModificationElem > label > .modificationSelect {
	margin-left: 5px;
}

.linkSelectModificationElem > label > .addBtn {
	margin-left: -6px;
	position: relative;
	top: -6px;
}

/* ---------- LinkSelectFormElement ---------- */
div.linkSelectElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.linkSelectElem div.linkData {
margin-right:10px;
vertical-align:top;
background-color: #F3F3F3;
border-color: #F3F3F3;
border-style: solid;
border-width: 2px;
padding: 3px 5px;
}

div.linkSelectElem span.ui-icon-trash, div.linkSelectElem span.ui-icon-pencil {
cursor: pointer;
margin: 0 auto;
margin: 2px 0px 2px 3px !important;
display:inline-block;
}

div.linkSelectElem span.ui-icon-document {
cursor: pointer;
margin: 0 auto;
margin: 2px 0px 2px 10px !important;
display:inline-block;
}

div.linkSelectElem > label > span {
display:inline-block;
cursor:pointer;
}

/* ---------- LayoutSelectFormElement ---------- */
div.layoutSelectElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.layoutSelectElem div.layout, div.layoutGridElem div.layout {
display:inline-block;
margin-right:10px;
vertical-align:top;
background-color: #F3F3F3;
border-color: #F3F3F3;
border-style: solid;
border-width: 2px;
}

div.layoutSelectElem div.layoutImage, div.layoutGridElem div.layoutImage {
border:3px solid #ADD0FF;
margin:0 auto;
background-color: #FFFFFF;
display: none;
}

div.layoutSelectElem span.ui-icon-trash, div.layoutSelectElem span.ui-icon-pencil {
    cursor: pointer;
    margin: 0 auto;
}

div.layoutSelectElem > label > span {
display:inline-block;
cursor:pointer;
}

.layoutData > span.ui-icon-pencil {
margin: 2px 40px 2px 0 !important;
float: right;
}

.layoutData > span.ui-icon-trash {
margin: 2px 0px 2px 40px !important;
float: left;
}

/* ---------- MultipleFormElement ---------- */
div.multipleElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.multipleElem > label > span {
display:inline-block;
cursor:pointer;
}

div.multipleElem > div.multiplelistOutput > div {
background-color:#F3F3F3;
border:1px solid #E3E3E3;
margin:5px;
padding:2px 5px;
}

div.multipleElem > div.multiplelist {
    background-color:#FAFAFA;
border:1px solid #E3E3E3;
}

div.multipleElem > div.multiplelistDisabled > div {
border:1px dotted #6D6D6D !important;
color:#6D6D6D !important;
}

div.multipleElem div.multipleGroup {
border:1px solid #D3D3D3;
margin:5px;
}

div.multipleElem div.multipleGroupTitle {
background-color:#E3E3E3;
margin:0;
padding:2px;
}

div.multipleElem div.multipleGroupTitle > span {
display:inline-block;
cursor:pointer;
margin-right:5px
}

div.multipleElem div.multipleGroupContent {
display:none;
}

div.multipleElem .multipleCheckbox {
margin-left:5px;
}

/* ---------- JoinFormElement ---------- */
div.joinElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.joinElem > label > span {
display:inline-block;
cursor:pointer;
}

.joinList, .joinData, .joinLogik {
display: inline-block;
vertical-align: top;
}

.joinList {
width: 45%;
margin-right: 5px!important;
}

.joinLogik {
margin-top: 20px!important;
}

.joinData {
width: 45%;
margin-left: 5px!important;
}

.joinData > fieldset {
max-height: 400px;
overflow-y: auto;
}

.joinLogikItem, .joinOpenBracketItem, .joinCloseBracketItem {
text-align: center;
font-weight: bold;
color: green;
}

.joinErrorItem {
border-color: red!important;
}

.errorCloseBracket, .errorLogik, .errorOpenBracket {
display:none;
}

ul.joinDummy {
min-height: 10px;
margin: 0px!important;
}

li.joinItem {
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
padding: 2px 4px;
margin: 3px;
/*display: inline-block!important;*/
text-align: left!important;
cursor: pointer;
}

div.andDepend > span {
margin: 0 4px;
}

div.joinRemoveItem {
border: 1px solid #DDDDDD;
margin: 15px 0;
padding: 2px 14px;
border-radius: 3px;
}

/* ---------- Layout-Attribut ---------- */
.attrTabLayoutlist .layout {
background-color: #F3F3F3;
border-color: #F3F3F3;
border-style: solid;
border-width: 2px;
margin-right: 10px;
vertical-align: top;
}

.attrTabLayoutlist .layout > div {
display: inline-block;
}

.attrTabLayoutlist .layoutImage {
background-color: #FFFFFF;
border: 3px solid #ADD0FF;
margin: 5px 10px;
}

/* ---------- Referenzliste Generatoreinstellungen ---------- */
ul.refList ul{
    margin-left: 10px;
}

li.refListElem {
    background-color: #f0f0f0;
    margin: 4px;
    padding: 3px 5px;
    border: solid 1px #AAAAAA;
    cursor: pointer;
}

li.newRef {
    background-color: #EEEEEE;
    border-radius: 4px;
}

li.exportname {
font-size: 11pt;
background-color: #f0f0f0;
margin: 3px;
padding: 2px 3px;
border: solid 1px #AAAAAA;
width: 200px;
cursor: pointer; 
}

.nameCols {
display: block!important;
margin-left: 240px!important;
}

input.nameCols {
width: 450px;
}

ul#sourceCols {
float: left;
}

ul#nameCols, ul#sourceCols {
width:215px;
border:1px solid #808080;
min-height: 50px;
background-color: white;
}

.attrShownOnEasy_only {
margin-left:132px;
}

.progressCursor {
cursor: progress!important;
}

.colSelect {
background-color: #C5DBEC;
box-shadow: 3px 3px 4px #000;
border: solid 1px #AAA;
border-radius: 10px;
padding: 10px;
position: absolute;
z-index: 100;
right: 8px;
top: 8px;
display: none;
font-weight: normal;
}

.colSelectIcon {
cursor:pointer;
}

.colSelectClose {
position: absolute;
right: 0px;
top: 0px;
}

.refColSelectBtn {
position: absolute;
right: 8px;
top: 8px;
}

.sso img {
margin:0 0.3em 0 0;
width:2em;
vertical-align:middle;
}

.sso a {
line-height: 2.5em;
}

.pageLayoutDummy > div {
    margin: 2px 0 !important;
}

.pageLayoutDummy > div:nth-child(2n+2) {
    background-color: #d0d0d0;
}

.pageLayoutDummy > div:nth-child(2n+3) {
    background-color: #f0f0f0;
}

.pageLayoutDummy > div > div:first-child {
    display: inline-block;
    width: 40px;
    text-align: right;
}

.pageLayoutDummy > div > div:last-child {
    display: inline-block;
    margin: 0 0 0 25px;
}

input.dependValue {
    width: 100px;
}

.dependItem, .joinDataItem {
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
margin: 2px 0;
padding: 2px 5px;
border-radius: 3px;
cursor: pointer;
list-style: none;
}

.dependField {
float: left;
}

.dependAttrField, .dependSpaltenField {
float: right;
width: 300px;
padding: 5px 2px 2px 5px!important;
background-color: #F3F3F3;
}

.dependAttrField > div, .dependSpaltenField > div {
max-height: 570px;
overflow-y: auto;
margin-bottom: 0px!important;
}

fieldset.dependences {
width: 600px;
}

div.andDepend {
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
padding: 2px;
margin: 5px;
}

div.andDepend > span {
margin: 0 4px;
}

div.orDepend {
border:dotted 1px;
}

div.orDepend > div {
display:inline-block;
}
span.removeDependBtn {
display:inline-block;
}
div.dependButtons {
clear: both;
}

.loadDummy {
display: none;
}
.loadDummy > div {
margin-top: 9px;
text-align: center;
}
.waitDialog {
border-radius: 10px;
}
.waitDialog .ui-dialog-titlebar {
display: none;
}

/*Extended-Data-View*/
.dataRefTable {
width: 100%;
border-spacing: 0 1px!important;
border-collapse: separate!important;
}
.dataRefTable > tbody > tr {
background: none!important;
}
.dataRefTable > tbody > tr.ui-accordion-header > td {
background: url(jq-ui-themes/catshop/images/ui-bg_highlight-soft_85_dfeffc_1x100.png) repeat-x scroll 50% 50% #d0d0d0;
border-top: 1px solid #8096A7;
border-bottom: 1px solid #90A6B7;
}
.dataRefTable > tbody > tr.ui-accordion-header > td:first-child {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-left: 1px solid #90A6B7;
padding-left: 15px;
}
.dataRefTable > tbody > tr.ui-accordion-header > td:last-child {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border-right: 1px solid #90A6B7;
}
.dataRefTable > tbody > tr.ui-state-active > td {
border-bottom-left-radius: 0px!important;
border-bottom-right-radius: 0px!important;
border-bottom: none!important;
}
.dataRefTable td, th {
padding: 4px 10px 3px 5px;
text-align: left;
}
.dataRefTable img {
max-width: 350px;
max-height: 350px;
}
.dataLastChangeBtn, .dataReleaseHistoryBtn, .imageHistoryBtn {
cursor:pointer;
display:inline-block!important;
}
.dataLastChangeText {
white-space: nowrap;
display:inline-block!important;
}
.refAccordion span.ampel {
position: absolute;
right: 10px;
}
.refAccordionBack {
background: #D5D1CD!important;
}
.refDataContent {
padding: 0 20px 10px!important;
background: #ECE8E5;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: solid 1px #00589F;
border-top: none;
}
.refAddBtn {
cursor: pointer;
display: inline-block;
}
.refAddBtn > span {
display: inline-block;
margin: 0 5px -1px -5px;
}
.refListContainer {
margin-top:15px!important;
}
#fixedHeadline {
top: 0px;
margin-left: -10px;
position: fixed;
background-color: #EEEEEE;
border: 1px solid #999999;
border-radius: 4px;
padding: 6px;
z-index: 1000;
display:none;
color: #E17009;
font-weight: bold;
}
.headScrollBtn {
display: inline-block;
background: url(jq-ui-themes/catshop/images/ui-bg_highlight-soft_85_dfeffc_1x100.png) repeat-x scroll 50% 50% #d0d0d0;
border: 1px solid #8096A7;
border-radius: 5px;
cursor: pointer;
margin-left: 1px;
padding: 2px 10px 4px;
}
.variantTabs {
border: none!important;
margin-top: 0px!important
}
.variantTabs .ui-tabs-nav {
background: none!important;
padding: 0px!important;
border: none!important;
}
.variantTabs .ui-tabs-nav > li.withoutContent {
opacity: 0.5;
background: url('')!important;
}
.variantTabs .ui-tabs-nav > li.ui-state-active {
opacity: 1!important;
}
.variantTabs .ui-tabs-panel {
border: 1px solid #00589F!important;
border-top-right-radius: 5px;
padding: 4px 6px!important;
margin: 0px!important;
}
.hideOnExtended {
display:none!important;
}
.hideOnExtendedBtn {
position: relative;
left: -12px;
top: -3px;
}

/*XML-Import*/
.xmlImportStatus {
display: none;
margin-bottom: 10px;
}
.xmlImportStatus > .dataTyp {
font-weight:bold;
}
.xmlImportStatus > .warnings {
max-height: 120px;
overflow-y: auto;
color: #E17009;
background-color: #fafafa;
padding: 5px;
}
.xmlImportStatus > .deprecatedOutput, #xmlStatus > .deprecatedOverview {
color: #FF3275;
background-color: #FAFAFA;
display: none;
}
#xmlStatus > .deprecatedOverview {
margin-bottom: 15px;
font-weight: bold;
}
.xmlImportStatus .deprecatedData > div {
background-color: #E0E0E0;
margin: 0 0 2px 15px;
padding: 1px 2px;
}
.xmlImportStatus .deprecatedData > div:first-child {
background-color: transparent!important;
}
.xmlImportStatus .deprecatedDelCheck {
margin-right:5px;
cursor:pointer
}
#xmlStatus > .loader, .counter, .seqCounter, .message {
display:none;
margin-bottom:10px; 
font-weight: bold;
color:#0055FF;
}

/*XML-Export*/
.xmlExportText {
font-weight: bold;
margin-top: 15px!important;
}

.xmlExportOptionName, .xmlExportOptionStruct, .xmlExportOptionImageExportName, .xmlExportOptionImageExportNameFiletype {
margin-left: 20px;
width: 200px!important;
}

.xmlExportOptionStruct {
height: 18px;
position:relative;
top: 4px;
}

.xmlExportOptionCdata {
margin-left: 20px;
}

/*treeFormElement*/
div.treeFormElem > label {
vertical-align:top;    
}

div.treeFormElem > div.treeSelect {
border: 1px solid #00589f;
border-radius: 5px;
padding: 5px 10px;
display: inline-block;
max-height: 150px;
overflow-y: scroll;
}

/*ajax upload*/
div.uploadStatus {
display: none;
}

#ajax-loader-src, #editor-tab-src, #editor-breaking-src, #editor-avoid-start-src, #editor-avoid-end-src {
display: none;
}

div.bar {
border: solid 1px;
width: 300px;
}

div.barStatus {
background-color: #00aa00;
height: 20px;
width: 0px;
margin: 0px;
}

span.ampel {
display:inline-block;
width:16px;
height:16px;
background-image: url('../images/ampel_zuweisung.png');
}

span.ampel.awarn {
background-position: 0 -16px;
}

span.ampel.abad {
background-position: 0 -32px;
}

span.ampel.ax {
background-position: 0 -48px;
}

fieldset.csvImportSettingField > div, fieldset.importSettingField > div {
display: inline-block;
margin-right: 20px;
}

/*.setObjContent > .setObj {
margin-left:15px;
}*/

.setObjBez {
background-color: #d0d0d0;
border: 1px solid #aaaaaa;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 5px 10px;
margin-bottom: 0px!important;
}

.setObjContent {
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 0px!important;
padding: 0 5px;
}

.setSettings {
margin-top: 0px!important;
padding: 5px;
}

.setSettings input {
width:20px!important;
}

.setSetting {
background-color: #f2f2f2;
padding: 2px 0;
}

.setSettingMaster {
margin-top:20px!important;
margin-bottom:10px!important;
}

.removeImportFileBtn {
display: inline-block!important;
margin-left:5px;
cursor:pointer;
}
.colUpdateField {
margin-left:25px!important;
}
.colUpdateAll {
margin-bottom: 10px;
}
#importForm_importPreviewField {
background-color: #ffffff;
}
#importForm_previewDummy div {
margin:0!important;
}
#importForm_previewDummy input {
width:130px!important;
}

.importPreviewZoomPlus, .importPreviewZoomMinus {
cursor: pointer;
margin-left: 5px;
}

.linkDataAttributTbl  {
border: solid 1px #dddddd;
margin: 5px 0;
}

.linkDataAttributTbl > tbody > tr > td {
padding:2px;
}
.linkDataAttributTblTitle {
color: #3f982e;
white-space: nowrap;
}

.linkDataAttributTbl > tbody > tr > td:last-child > div {
margin: 0 5px!important;
}

.dataBtn > .linkDataAttributTbl tr.hideInLinkList {
display:none!important;
}

.linkData > .linkDataAttributTbl tr.hideInLinkAttr {
display:none!important;
}

.moonImageColum > input {
width: 100px;
margin-left: 11px;
margin-right: 4px;
}

.moonImageColum > span {
display: inline-block;
}

.valueOfferBtn {
display: inline-block!important;
vertical-align: top;
cursor: pointer;
}

.offerPfad{
background-color: #e1e1e1;
margin-top: 5px;
padding:3px 6px;
}

.offerItem {
background-color: #f0f0f0;
padding: 4px 8px;
margin: 5px 0 5px 10px;
}

.offerText {
padding:0 5px;
}

.offerSource {
margin-left: 5px;
margin-top:3px;
padding: 3px 5px;
background-color: #cfcfcf;
}

.offerSource > img {
margin-top: 5px;
}

.offerSource > div {
margin-left: 11px;
}

.offerSourceEdit {
display: inline-block;
margin-left: 8px;
cursor: pointer;
}

/*history*/
.historyPart {
margin-top: 15px;
border-top: 2px dotted #000000;
}

.historyPart:last-child {
margin-bottom: 15px;
}

.historyPartLabel {
background-color: #c9bcbe;
padding: 3px 6px;
}

.historyDetail {
margin-left: 12px;
margin-top: 5px;
padding-left:10px;
}

.historyDetail > div {
padding: 3px 6px;
}

.historyDetailLabel {
background-color: #dfdfdf;
}

.historyDetailOld {
background-color: #ff7d7d;
margin-left: 8px!important;
margin-top: 2px;
}

.historyDetailNew {
background-color: #7dd77d;
margin-left: 8px!important;
margin-top: 2px;
}

.historyDetailNew > button {
margin-left: 10px;
}

.historyDetailText:not(:first-child) {
border-top: dotted 1px;
}

.historyHideField {
    width: 30%;
    display: inline-block;
    margin-right: 10px!important;
}

.historyChangesLabel {
background-color: #900090;
color: #ffffff;
padding: 5px;
font-weight: bold;
}

.historyObjectLabel {
background-color: #0000AA;
color: #ffffff;
padding: 5px;
font-weight: bold;
}

.historyChangesReportLabel {
background-color: #d0d026;
padding: 5px;
font-weight: bold;
}

.historyObjectDetail, .historyChangesDetail, .historyChangesReportDetail {
padding-left: 10px;
}

#dataWarningDlg div {
border: 1px dotted;
margin: 5px -1px 2px 10px;
padding: 2px 0 2px 4px;
}

.masterChangeDoneBtn, .refChangeDoneBtn, .setAllValueToMasterBtn {
margin-left:15px;
cursor:pointer;
}

.allChangeDoneBtn {
position: absolute;
right: 7px;
cursor:pointer;
}

/*Importablauf-Einstellung*/
.seqList {
border: solid 1px;
min-width: 150px;
min-height: 250px;
float: left;
}

.seqList > div {
cursor: pointer;
margin: 2px 1px !important;
padding: 3px 5px;
border: solid 1px #999999;
}

.seqVisibleList {
clear: both;
}

.seqVisibleList > div:first-of-type {
margin-top: 10px;
margin-bottom: 15px;
font-weight: bold;
}

.seqTabDummy {
display: inline-block;
margin-left: 25px!important;
background-color: #EEEEEE;
}

.seqTabDummy > div {
margin: 0;
}

.seqTabDummy > button {
margin-top: 10px;
margin-bottom: 5px;
}

.seqAddBtn {
background-color: #7dd77d;
text-align: center;
font-weight: bold;
}

.seqPart {
background-color: #eeeeee;
}

.seqPartAktiv {
background-color: #ffff99;
}

#addRefForm .wrapDiv {
height: 200px;
overflow-y: scroll;
border: dotted 1px;
margin-top: 30px;
}

#addRefForm .wrapDiv > div:nth-child(even) {
background-color: #ffffff;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
}

.addListItemBtn {
display: inline-block!important;
margin-left: 5px;
}

.tStringOption {
color:green;
}

.actionOption {
color:cornflowerblue;
}

.dataOverviewEditButton {
display: inline-block!important;
margin-left: 5px;
}

.dataSearchWhatTree > .dataSearchWhatTree {
margin-left: 20px!important;
}

fieldset > .dataSearchWhatTree {
border: solid 1px #7b7b7b;
margin-bottom: 10px;
background-color: #f6f6f6;
}

.dataSearchWhereAllCheck {
margin-bottom: 10px;
}

.searchFieldToggleBtn {
display: inline-block!important;
margin: 0 5px 0 -5px;
}

.dynLinkAttrField > div:nth-child(n+3) label {
display:none;
}

.dynLinkAttrField > div > div {
display: inline-block;
margin-right: 10px;
}

.dynLinkElem {
border: 1px solid #00589f;
border-radius: 5px;
padding: 5px;
}

#attribut_tabsDynStructure .structDiv {
border:solid 1px #000000;
padding: 3px 5px;
}

#attribut_tabsDynStructure .structDiv > .structDiv {
margin-left: 15px;    
}

#attribut_tabsDynStructure .structDiv > fieldset {
border:solid 1px #AAAAAA;
}

.dynStructElem .struct {
border: solid 1px #999999;
}

.dynStructElem .structPart {
margin-bottom: 10px;
margin-top: 0px!important;
}

.dynStructElem .structPart > .structPart{
margin-left: 20px;
}

.dynStructElem .structHeadline {
background-color: #E0E0E0;
padding: 2px 5px;
margin-top: 0px!important;
}

.dynStructElem .structOutput {
margin-left: 15px;
}

.cloneElem .cloneOutput {
border: solid 1px #000000;
background-color: #E5E5E5;
padding: 5px;
}

.newDataField {
margin-top: 35px!important;
}

#dataAuswahl {
overflow-y: scroll;
height: 570px;
margin-right: -12px;
padding-right: 5px;
}

#dataAuswahl > .dataRow {
clear: both;
min-height: 28px;
}

#dataAuswahl .dataBack {
margin-bottom: 2px;
}

#dataAuswahl .dataRow.odd > .dataBack {
background-color: #d0d0d0;
}

#dataAuswahl .dataRow.even > .dataBack {
background-color: #f0f0f0;
}

#dataAuswahl .dataRow > .dataRow {
margin-left: 20px;
display: none;
}

#dataAuswahl .dataSelectDiv {
display: inline-block;
width: 20px;
margin: 0;
}

#dataAuswahl .dataBtn {
display: inline-block;
margin: 4px;
cursor: pointer;
}

#dataAuswahl .dataBtnSelected {
display: inline-block;
margin: 4px;
}

.notUsable {
color: palevioletred;
}

#dataAuswahl .dataDetailBtn {
display: inline-block;
float: right;
}

#dataAuswahl .linkDataAttributTbl input, #dataAuswahl .linkDataAttributTbl textarea, #dataAuswahl .linkValueToCloneBtn {
display: none!important;
}

/*DataBMEcat-Export*/
.bmeMappingElements, .bmeMappingAttributes {
width: 45%;   
display: inline-block;
margin: 0 10px !important;
}

.bmeMappingAttributes {
max-height: 600px;
overflow-y: scroll;
padding: 3px;
border: solid 1px #c0c0c0;
top: 15px;
position: absolute;
}

.bmeMappingElement > .bmeMappingElements {
padding: 10px;
background-color: #F0F0FF;
width: 95%;
}

.bmeMappingElement {
padding: 2px 10px;
}

.bmeMappingElement > .subDataObject {
margin-left:20px;
}

.bmeMustElement {
background-color: #FF5555;
}

.bmeCanElement, .bmeUdxElement {
background-color: #CAED9E;
}

.bmeUdxNameElement {
margin: 5px 0;
}

.bmeMappingTarget {
margin: 0px!important;
min-height: 15px;
background-color: #FFFFFF;
padding: 1px 2px;
}

.bmeMappingAttr {
padding: 5px;
background-color: #DDDDDD;
}

.bmeMappingAttrSelected {
margin-left: 15px!important;
}

.bmeMappingValue {
margin-left: 10px!important;
}

.bmeMappingHover {
border: solid 2px #00DE00;
}

.bmeMappingDelBtn, .bmeMultipleAddBtn, .bmeMultipleDelBtn {
float: right;
cursor: pointer;
}

.dataObjectReleaseField > div:nth-child(-n+4) {
display: inline-block;
margin-right: 20px;
}

.dataHint > h2 {
font-weight:bold;
margin-bottom:5px;
}

.dataHint {
margin:5px 0;
padding:6px;
border:solid 1px;
border-radius: 4px;
color:#333;
}

.dataHintCheckAll {
margin-bottom: 10px;
}

.dataHintWarning {
color:#333;
background-color:#FCF8E3;
border-color: #C7D800;
}

.dataHintError {
background-color:#F2DEDE;
border-color: #D00000;
}

.livePreview {
position:absolute;
top:132px;
left:335px;
width:140px;
height:140px;
border:1px solid #999;
}

.colorSliderCyan + div,
.colorSliderMagenta + div,
.colorSliderYellow + div,
.colorSliderBlack + div {
width: 300px;
}

ul.sourceList {
margin-left: 10px;
}

ul.sourceList, ul.resultList {
width:225px;
border:1px solid #808080;
height: 275px;
background-color: white;
float: left;
max-height: 275px;
overflow-y: scroll;
}

ul.sourceList > li, ul.resultList > li {
font-size: 11pt;
background-color: #f0f0f0;
margin: 3px;
padding: 2px 3px;
border: solid 1px #AAAAAA;
width: 195px;
cursor: pointer; 
}

div.nameReplaces {
margin-left: 480px;
}

span.nameItemDelBtn {
display: inline-block;
margin-left: -5px;
float: right;
}

ul.sourceList span.nameItemDelBtn {
display: none;
}

.valueViewAttr {
background-color:#E4E4E4;
border: solid 1px #a0a0a0;
}

.expertImageAgField > div:nth-of-type(2) > label {
color: #000000!important;
margin-bottom: 10px;
margin-top: 14px;
}

.dataImportReport {
background-color: #D5D5D5;
border: 4px solid #FF0000;
border-radius: 20px;
position: fixed;
top: 1px;
right: 10px;
padding: 5px;
z-index: 1100;
color: #000000;
min-height: 20px;
min-width: 200px;
}

.dataImportReport > .label {
position: absolute;
left: 8px;
font-weight: bold;
}

.dataImportReportToggleBtn {
position: absolute;
right: 27px;
cursor: pointer;
}

.dataImportReport .ui-icon-closethick {
position: absolute;
right: 7px;
cursor: pointer;
}

.dataImportReportContent {
margin-top: 20px!important;
max-height: 600px;
max-width: 400px;
overflow-y: scroll;
padding-right: 2px;
border: solid 1px #A9A9A9;
background-color: #f7f7f7;
padding: 5px;
min-height: 25px;
}

.dataImportReportDataCheckBtn, .dataImportReportDataObjCheckBtn, .dataImportReportTypeCheckBtn, .dataImportReportCheckBtn {
cursor:pointer;
float: right;
}

.historyPartLabel {
cursor: pointer;
}

.dataImportReportContent div {
font-size: 9pt!important;
}

.layoutGridValuesField > div, .flexLayoutValuesField > div {
width: 50%;
display: inline-block;
}

div.layoutGridElemDisabled {
background-color: #f0f0f0;
}

div.layoutGridElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

div.layoutGridElem .gridContent {
position: relative;
}

div.layoutGridElem .gridBorder {
border: solid 1px;
margin: 0!important;
}

div.layoutGridElem .gridElem {
position: absolute;
border: solid 1px;
margin: 0!important;
}

div.layoutGridElem div.layoutImage {
cursor: grab;
}

div.layoutGridElem div.ui-draggable-dragging {
cursor: grabbing;
}

div.layoutGridElem .gridElem > .layoutImage {
border: none!important;
}

div.layoutGridElem .gridImageTitle {
position: absolute;
bottom: 0px;
font-size: 85%;
text-align: center;
width: 100%;
}

div.layoutGridElem .layoutList {
position: absolute;
right: 0px;
top: -2px;
padding: 2px 5px;
overflow-y: scroll;
border: solid 1px #999999;
}

div.layoutGridElem .layoutFilter {
position: absolute;
right: 20px;
top: -32px;
}

div.layoutGridElem .layoutFilterInput {
width: auto!important;
}

div.layoutGridElem .gridElem > .layoutImage {
background-color: initial;
}

div.layoutGridElem .gridElem > .layoutImage:hover {
border: solid 1px #FF0000!important;
position: relative;
left: -1px;
top: -1px;
z-index: 100;
cursor: pointer;
}

.layoutGridHover {
border: solid 1px #00BC00!important;
}

span.layoutGridPreviewBtn, span.layoutGridGeneratorPreviewBtn {
display: inline-block!important;
cursor: pointer;
}

div.statusActionAttrRow {
margin: 0!important;
}

div.statusActionAttrRow div {
margin: 0!important;
}

div.statusActionAttrRow > div {
display: inline-block;
margin-right: 10px!important;
}

div.statusActionRow, div.actionUseRow {
background-color: #FFFFFF;
border: solid 1px #AAAAAA;
margin: 2px;
padding: 3px 6px;
position: relative;
height: 25px;
cursor: pointer;
}

div.statusActionRow > span, div.actionUseRow > span {
font-weight: bold;
margin-right: 20px;
}

div.statusActionRowChildren {
margin: 2px 0px 2px 20px;
}

div.statusActionRow .statusActionAddBtn {
position: absolute;
right: 5px;
}

button.statusActionButton {
border-radius: 7px;
border: 1px solid #404040;
padding: 2px 5px;
cursor: pointer;
}

button.statusActionButton:hover {
background-color: #7ccc00;
}

.usePart {
font-weight: bold;
}

.useObjects {
margin-left: 10px;
}

#expert_elementResetBtn, #expert_cropResetBtn {
font-size: 0.75em
}

#expert_cropBtn {
font-size: 0.95em
}

.contDataField > div, .contGridLayout {
width: 345px;
}

.settingOutputWarnings {
color: #ee6600
}

.settingOutputWarnings > div > div {
margin-left: 20px;
}

.settingOutputWarningdataPart > div {
margin-left: 20px;
}

.dataEditRefTableField {
background-color: #FFFFFF!important;
padding: 0 2px!important;
}

.dataEditRefTableSortBtn {
float: right;
cursor: pointer;
}

#dataEditRefTableSortDlg > span {
	position: absolute;
	left: 46%;
	width: 50%;
	text-align: center;
	font-weight: bold;
}

#dataEditRefTableSortDlg > ul {
	width: 46%;
	height: 85%;
	overflow-y: scroll;
	display: inline-block;
	margin: 25px 10px 10px 10px;
	background-color: #eeeeff;
	padding: 5px;
}

#dataEditRefTableSortDlg > ul > li {
	background-color: #d0d0d0;
	margin-bottom: 2px;
	padding: 2px 2px 2px 4px;
	border-radius: 5px;
}

.dataEditRefTableSortHover {
	background-color: #bbffbb!important;
}

.dataEditRefTable {
padding: 0!important;
}

.dataEditRefTableRow {
margin: 8px 0!important;
background-color: #F6F2EF;
padding: 3px 0;
}

.dataEditRefTableRow > div:not(.dataEditRefTableButtons) {
float: left;
margin: 0 5px !important;
}

.dataEditRefTableButtons {
clear: both;
}

.actionAttrvalue:not(.actionAttrMultipleSelect), .actionAttrOnlyEmpty, .actionMultipleField {
margin-left: 25px!important;
}

.actionMultipleChangeField label {
display: inline-block;
margin-right: 5px;
}

.tableAttrElem {
border: 1px solid #00589F;
padding: 5px;
border-radius: 5px;
}

.tableAttrElem > table {
border-spacing: 3px;
border-collapse: separate;
}

.tableAttrElemCells {
display: none;
}

.tableAttrElemCell {
text-align: center;
background-color: #DDDDDD;
padding: 2px 3px 2px 3px;
}

.tableAttrElemInput {
height: 20px;
width: 87%!important;
margin-right: 22px;
}

.tableAttrElemBtnCell, .tableAttrElemSortCell {
padding-top: 6px;
}

.tableAttrElemBtnCell > .ui-icon, .tableAttrElemHeadCell > .ui-icon, .tableAttrElemCell > .ui-icon {
display: inline-block;
cursor: pointer;
}

.tableAttrElemBtnSettingsCell {
position: absolute;
margin-left: -18px;
margin-top: 6px;
}

.tableAttrElemBtnSortRow {
cursor: ns-resize!important;
margin-right:3px;
margin-left:3px;
}

.tableAttrElem > label > span {
margin-left: 10px;
display: inline-block!important;
cursor: pointer;
}

.tableAttrElemHeadCell {
text-align: right;
}

.tableAttrElemBtnCell, .tableAttrElemSortCell, .tableAttrElemHeadCell {
background-color: #EEEEEE;
}

#tableAttrElemSettingDlg fieldset {
border: solid 1px!important;
border-radius: 5px;
background-color: #F5F5F5!important;
}

.tableAttrElemBorderField > div {
display: inline-block;
margin: 0px;
padding: 0px;
}

.tableAttrElemBorderField > div.colorSelectElemData {
border: none!important;
}

.tableAttrElemBorderField > div.colorSelectElemData div.select {
margin: 0px;
}

.tableAttrElemMarginField >  div, .tableAttrElemCellSizeField > div {
display: inline-block;
width: 160px;
}

.tableAttrElemDragSpan {
    display: none;
}

.flexPartElem {
	margin: 0 0!important;
}

.flexPartElem > div {
	display: inline-block;
	margin-left: 5px;
	margin-top: 0;
}

.flexPartElem > div > input {
	width: 45px;
}

.flexFactorElem {
	width: 59px!important;
}

.flexPartElem~.flexPartElem label {
	display: none;
}

.flexField .filterAttributes {
	max-width: 330px;
}

.addFlexPartBtn, .addFlexFilterPartBtn, .addFlexIfBtn, .removeFlexPartBtn, .removeFlexIfBtn {
	display: inline-block!important;
	cursor: pointer;
}

.flexIfElem {
	border: solid 1px #888888;
	margin: 2px 0!important;
	padding: 2px;
}

.flexParts, .flexFilterThen, .flexFilterElse {
	border: solid 1px #d0d0d0;
	margin: 2px 0!important;
	min-height: 10px;
	background-color: #f8f8f8;
}

.flexParts .flexAddElem, .flexParts .flexAddLabel {
	display: none;
}

.cornerRadiusField > div {
	width: 100px;
	float: left;
}

.cornerRadiusField > div:nth-child(2n+1) {
	clear: both;
}

#editorDataForm > fieldset {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 78px;
	width: 165px;
}

.tsSection {
	background-color: #dedede;
	margin-bottom: 2px;
}

.tsSection > ul {
	background-color: white;
	display: none;
}

.tsSection > ul > li {
	margin-left: 5px;
}

.tsSectionLabel {
	margin: 2px;
	font-weight: bold;
}

.tsSectionSelected {
	margin-left: 10px;
	display: inline-block;
	max-width: 93%;
}

.tsSectionContent {
	max-height: 400px;
	overflow-y: scroll;
}

.tsSectionCheck:checked + label {
	color: red;
	font-weight: bold;
}

#templatestringsSearch {
	float: right;
	margin-top: -26px;
}

#expert_valueField {
	height: 30px;
}

.dataStatusElement {
	display: inline-block;
	width: 27%;
}

.dataLastChangeElement {
	display: inline-block;
	width: 25%;
	text-align: right;
}

input[type="color"] {
	width: 80px;
}

.urlImageHolder {
	background-color: #F4F4F4;
}
.urlImage {
	max-height: 350px;
	max-width: 350px;
	border: solid 1px #999;
	margin: 0 2px;
}

.layoutUiImageStartField > div {
	display: inline-block;
	margin-right:10px
}

.layoutUiImageStartField > div > label {
	display: inline-block;
}

.layoutUiImageStartField input {
	width: 45px;
	margin: 0 3px;
}

.layoutUiImageStartField div:nth-last-child(-n+2):after {
	content: '%';
}

.dataEditHolder > label, .dataEditHolder > div > label, .dataEditHolder > .attributeGroup > div > label, .dataEditHolder > div:not(.variantTabs) {
	background-color: #f3f3f3;
	padding-left: 5px;
}

.dataEditHolder > label, .dataEditHolder > div > label, .dataEditHolder > .attributeGroup > div > label {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.dataEditHolder > .attributeGroup > div {
	display: flex;
	margin-right: 10px;
	align-items: flex-start;
}

.dataEditHolder > .attributeGroup {
	display:flex;
}

.attributeGroup {
	border: none!important;
	padding: 0 0 0 5px!important;
}