@charset "utf-8";

html { }

body
{
	background-color: #f8f8f8;
	color: #000000;
	margin:0;
	padding:0.1em 1em;

	/* Standard-Schriftarten: */
	--ff-sans: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI",
		"Liberation Sans", sans-serif;
	--ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono",
		"Source Code Pro", "Roboto Mono", "Hack", "Liberation Mono",
		Menlo, Monaco, Consolas, monospace;
}

body.menu
{
	margin:0;
	padding:2px;
}

body.select
{
	margin:0;
	padding:0.1em;
}

a { color:#1111aa; text-decoration:none; }
a:visited { color:#1111aa; }
a:hover { color:#4444cc; text-decoration:underline; }

/* jQuery Overwrite: */
.ui-widget-content a { color:#1111aa; text-decoration:none; }
.ui-widget-content a:visited { color:#1111aa; }
.ui-widget-content a:hover { color:#4444cc; text-decoration:underline; }


label { cursor:pointer; cursor:hand; }

h1 { font-size:16px; }
h2 { font-size:15px; }
h3 { font-size:14px; }
h4 { margin-top:0.5em; margin-bottom:0.1em; font-size:13px; }
h5 { margin-top:0.5em; margin-bottom:0.1em; font-size:12px; }

pre { font-size:12px; }

ul { padding:0; margin:0; padding-left:2em; }
li { font-size:12px; }

p { margin: 6px; }

img { border:none; }

code, kbd, pre, samp, .font-monospace, .ff-mono {
  font-family: var(--ff-mono),monospace;
}
samp {
  background-color: #deebf5;
}

.autoselect {
  -webkit-touch-callout: all;
  -webkit-user-select: all;
  -khtml-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  cursor: pointer;
}
.autoselect:hover {
  background-color: #fffff8;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/***************************************************
 * Library /log
 */

div.log-section { margin:12px 0; padding:0 12px; border-left:3px solid #669; }

div.log-section h2 {
	background-color: #333366;
    color: #FFFF00;
    font-size: 15px;
    margin-left: -15px;
    padding: 4px 8px;
}

div.log-section pre { white-space: pre-wrap; font-size:12px; margin:0; }
div.log-section pre.ok { color:#44BB44; font-weight:bold; }
div.log-section pre.warn { color:#EE8844; font-weight:bold; }
div.log-section pre.error { color:#BB4444; font-weight:bold; }


div.log-section pre.log-section-end {
    background-color: #333366;
    color: #FFFF00;
    margin-left: -15px;
    margin-top: 8px;
    padding: 4px 8px;
}


/******* font *******/

/*div { position:relative; }*/

.font,body,p,td,th
{
	/*color:#000000;*/
	font-size:12px;
	font-family:sans-serif;
}

.row0 { background-color:#e4ffe4; }
.row1 { background-color:#e4e4ff; }

th {
	font-weight: bold;
}

td {
	font-weight: normal;
}

.errorbox { border:4px solid #f00; padding:17px 60px; margin:1em; background-color:#fee;
	background:url("/g/sys/msgbox-error.png") no-repeat scroll 10px 10px #fee; }
.error { color:#BB4444; font-weight:bold; font-size:130%; }
.errorbox p { color:#BB4444; font-weight:bold; font-size:13px; font-family:sans-serif; }

.msgbox-error .ui-dialog-titlebar {
	background:url("/g/sys/msgbox-error.png") no-repeat scroll 5px 5px #FFAAAA;
	padding:10px 50px !important;
}

.warnbox { border:4px solid #fb0; padding:17px 60px; margin:1em; background-color:#ffe;
	background:url("/g/sys/msgbox-warn.png") no-repeat scroll 10px 10px #ffe; }
.warn { color:#BB8844; font-weight:bold; font-size:130%; }
.warnbox p { color:#BB8844; font-weight:bold; font-size:130%; }

.msgbox-warn .ui-dialog-titlebar {
	background:url("/g/sys/msgbox-warn.png") no-repeat scroll 5px 5px #FFFFAA;
	padding:10px 50px !important;
}

.okbox { border:4px solid #0f0; padding:17px 60px; margin:1em; background-color:#efe;
	background:url("/g/sys/msgbox-ok.png") no-repeat scroll 10px 10px #efe; }
.ok { color:#44BB44; font-weight:bold; font-size:130%; }
.okbox p { color:#44BB44; font-weight:bold; font-size:13px; font-family:sans-serif; }

.msgbox-ok .ui-dialog-titlebar {
	background:url("/g/sys/msgbox-ok.png") no-repeat scroll 5px 5px #AAFFAA;
	padding:10px 50px !important;
}

.infobox { border:4px solid #00f; padding:17px 60px; margin:1em; background-color:#eef;
	background:url("/g/sys/msgbox-info.png") no-repeat scroll 10px 10px #eef; }
.info { color:#4444BB; font-weight:bold; font-size:130%; }
.infobox p { color:#4444BB; font-weight:bold; font-size:13px; font-family:sans-serif; }

.msgbox-info .ui-dialog-titlebar {
	background:url("/g/sys/msgbox-info.png") no-repeat scroll 5px 5px #AAAAFF;
	padding:10px 50px !important;
}

.txtheadline
{
	color:#0000cd;
	font-weight:bold;
	font-size:12px;
	font-family:sans-serif;
	font-variant:small-caps ;
	text-decoration:none;
}


.small
{
	color:#111133;
	font-size:12px;
	font-family:sans-serif;
	text-decoration:none;
}

.small a
{
	color:#1111aa;
	font-size:12px;
	font-family:sans-serif;
	text-decoration:none;
}

.small a:visited
{
	color:#1111aa;
	font-size:12px;
	font-family:sans-serif;
	text-decoration:none;
}

.small a:hover
{
	color:#4444cc;
	font-size:12px;
	font-family:sans-serif;
	text-decoration:underline;
}


/************ Hauptmenü ************/

body.mainmenu {
	margin:0;
	padding:0;
	background:url("/graphics/sys/bg03.png") repeat fixed 0 0 #e0e0d8;
}

div.mainmenu {
	border-bottom:2px solid #aaa;
	position:absolute;
	bottom:0;
	width: 1500px;
}

ul.mainmenu {
	list-style-type: none;
	display: inline;
	position: relative;
	vertical-align: bottom;
}

ul.mainmenu li{
	float: left;
}

ul.mainmenu li.noborder {
	text-align:center;
	width:94px;
	padding-top: 3px;
}


a.mainmenu {
	color:#11a;
	font-weight:bold;
	font-size:13px;
	font-family:sans-serif;
	text-decoration:none;
	display:block;
	min-width:60px;
	padding:6px 5px 9px;
	margin: 6px 1px 0px 1px;
	text-align:center;
	border:1px solid;
	border-color:#ffe #555 #555 #ffe;
	border-bottom:none;
	-moz-border-radius: 5px 5px 0 0;
}

a.mainmenu:visited {
	color:#11a;
	text-decoration:none;
}

a.mainmenu:hover {
	color:#88f;
	text-decoration:none;
}


/****************** Dashboard *******************/

body.widgetframe {
	background:#fff;
	margin:0;
	padding:4px;
}

body.dashboard {
	margin:0; padding:0;
	background:transparent;
}

#window_dashboard > div.window_content {
	/*background:transparent;*/
}


#dashboard .ui-sortable-placeholder { border: 1px dotted gray; visibility: visible !important;
	width:390px !important; height: 210px !important; }
#dashboard .ui-sortable-placeholder * { visibility: hidden; }

.db-widget {
	position:relative;
	width:390px; height:210px;
	/*border:1px inset #888;
	background:#fff;*/
	margin:10px 0px 0px 10px;
	padding: 0.4em;
	float:left;
}

.db-widget .config{
	display:none;
	position: absolute;
	right: 0px;
	z-index: 1;
	width: 75%;
}


.db-widget .config .ui-tabs-nav li{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin: 0 0.2em 0.2em 0;
	padding: 1px;
}

.db-widget .config .ui-tabs-nav li a{
	padding: 0 10px;
	border: 0;
}

.db-widget .config .ui-tabs-nav li.ui-tabs-selected {
	/*border: 0;*/
}


.db-spinwait {
	position:absolute;
	left:188px; top:100px;
}

.db-widget h3 {
	margin: 0;
	padding: 2px 4px;
	/*text-align: center;*/
	/*margin:0; padding:2px 4px;
	background:#282;
	color: #fff;
	border-bottom:1px solid #aaa;
	text-align:center;*/
	cursor: move;
}

.db-widget-head .icons {
	position: absolute;
	right: 8px;
}

.db-widget-head .ui-icon {
	float:left;
}

.db-widget .ui-widget-header {
	/*background:#cfc;
	color:#484;*/
}

div.db-widget-ibox {
	position:relative;
	height:184px;
	overflow:auto;
	padding:0;
	margin:4px 1px 0;
	border:0px none;
}

iframe.db-widget-ibox {
	width:100%; height:187px;
	overflow:auto;
	padding:0;
	margin:0;
	border:0px none;
}

.db-widget-ibox h3 {
	/*background:#ccc;*/
	text-align:left;
	padding:4px 0 2px;
}


.db-widget .chart { margin-left:auto; margin-right:auto; }

.db-widget ul.ticket_list { list-style-type:decimal; padding-left:3em;}
.db-widget ul.ticket_list li { border-top:1px solid #eee; margin:2px 10px 2px 2px;}
.db-widget ul.ticket_list li a {display: inline-block; min-height:3em; width: 100%; text-align:left; box-sizing: border-box;}
.db-widget ul.ticket_list li a:hover {}
.db-widget ul.ticket_list span.Subject { }
.db-widget ul.ticket_list span.Status { text-align:right; color:#88b; }
.db-widget ul.ticket_list span.Summary { display:block; font-style:italic; color:#000; }



.db-widget table.data-list {border-spacing: 0px; empty-cells:show; border-collapse:collapse;}

.db-widget table.data-list th {text-align:left; padding: 0px;}
.db-widget table.data-list td { text-align:left; vertical-align:top; padding: 3px;}
.db-widget table.data-list td[align="center"] { text-align:center; }
.db-widget table.data-list td[align="right"] { text-align:right; }
.db-widget table.data-list th a {display: block; position:relative; text-decoration: none; padding-right:12px;}
.db-widget table.data-list th a:visited{ }
.db-widget table.data-list th a:hover{ }
.db-widget table.data-list th a span {position: absolute; width: 12px; right: 0px; top: 2px; display: inline;}

.db-widget table.data-list th.left {border-right: 1px solid black; border-bottom: 1px solid black;}
.db-widget table.data-list th.between {border-right: 1px solid black; border-bottom: 1px solid black;}
.db-widget table.data-list th.right {border-bottom: 1px solid black;}

.db-widget table.data-list td.left {border-right: 1px solid black; border-top: 1px solid black;}
.db-widget table.data-list td.between {border-right: 1px solid black; border-top: 1px solid black;}
.db-widget table.data-list td.right {border-top: 1px solid black;}

.db-widget .action {
	margin: 10px;
}

.status-display td { text-align:center; vertical-align:bottom;
	border:1px outset; -moz-border-radius:6px; background-color:#f8f8d2; }
.sd-line-3cols td { width:33%; }
.sd-line-4cols td { width:25%; }
.status-display .value { display:block; width:auto; height: 30px; margin:15px 0 0; padding:0;
	text-align:center; font-size:180%; font-weight:normal; color:#3a7; }
.status-display .label { display:block; width:auto; height:25px; margin:0; padding:4px 0 0;
	text-align:center; font-size:90%; font-weight:normal; color:#444;
	background-color: #EEEEEE;
	border-top: 1px solid #DDDDDD;
}
.status-display .label a { color:#44a; }

.status-display-ui td { text-align:center; vertical-align:bottom;
	border:1px outset; -moz-border-radius:6px;
}
.status-display-ui .value { display:block; width:auto; height: 30px; margin:15px 0 0; padding:0;
	text-align:center; font-size:180%; font-weight:normal; }
.status-display-ui .label { display:block; width:auto; height:25px; margin:0; padding:4px 0 0;
	text-align:center; font-size:90%; font-weight:normal;
}
.status-display-ui .label a {}


.referrer-list span.bestellnr { display:block; font-size:90%; color:#999; }


.topseller-list span.bestellnr { display:block; font-size:90%; color:#999; }
.topseller-list .pos { white-space:nowrap; }

.topseller-list tr.trend-up { }
.topseller-list tr.trend-down { }
.topseller-list tr.trend-new { }
.topseller-list tr.trend-same { }

.topseller-list td.pos { padding-right:9px; font-size:9px; }
.topseller-list tr.trend-up td.pos { background:url(/g/sys/trend-up-9x9.gif) no-repeat scroll right 2px; }
.topseller-list tr.trend-down td.pos { background:url(/g/sys/trend-down-9x9.gif) no-repeat scroll right 2px; }
.topseller-list tr.trend-new td.pos { background:url(/g/sys/trend-new-9x9.gif) no-repeat scroll right 2px; }
.topseller-list tr.trend-same td.pos { background:url(/g/sys/trend-same-9x9.gif) no-repeat scroll right 2px; }

.ui-dialog {
	z-index: 1000;
}

.ui-dialog .ui-icon{
	float: left;
	margin-right: 5px;
}

.ui-dialog-buttonset .ui-icon {
    margin-top: 1px;
}

#footer{
	width:90%;
}


#footer-buttons{
	margin: 20px;
	list-style: none;
	width: 100%;

}
#footer-buttons li{

	float: left;
	margin-right: 20px;
}

#dialog{
	display: none;
}

#dialog a {
	color: #1111AA;
}

.ui-dialog .footer-buttons a{
	margin-right: 10px;
	margin-top: 10px;
}

.ui-dialog .footer-buttons button-wrapper{

}


#db-widget-Sessions .link a span{
	display: inline;
	padding: 10px;
	line-height: 0px;
}

#db-widget-Webalizer .link a span{
	display: inline;
}

/* #db-widget-Auftraege .sum-list { background-color:#f2f2f8; } */

.db-widget ul.menu li a {
	width:107px;
}


/****************** MenuButton (noch gebraucht?) ******************/

.mb
{
	color: #0000CD;
	font-family:sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	text-decoration:underline;
}

.mb a
{
	color: #0000CD;
	font-family:sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	text-decoration:underline;
}

.mb a:hover
{
	color: #000000;
	font-family:sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	text-decoration:underline;
}


/******* Tabellen *******/

table.entrypage {
}

table.entrypage td {
	background-color: #dddddd;
}


table.menu { }

table.menu td {
	border:1px solid;
	border-color:#ffe #555 #555 #ffe;
	padding:1px 4px;
	vertical-align:middle;
}

table.menu td.noborder
{
	border-width:0px;
	padding:0;
	vertical-align:middle;
}

table.menu table td { border:none; padding:0; }

ul.menu {
	padding:0; margin:0;
}
ul.menu li {
	display:inline-block; line-height:150%; list-style-type:none; margin:2px 4px 0;
}
ul.menu li a {
	text-decoration:none; display:inline-block;
	width:130px; text-align:center;
	margin:0 1px 1px 0; padding:1px 4px;
	background-color:#f0f8ff;
	border:1px solid;
	border-color:#ffe #555 #555 #ffe;
}

div.headmenu {
  margin-bottom: 10px;
}

ul.submenu { margin:4px 0; padding:0; font-size:10px; }

ul.submenu li {
  background-color: rgb(255, 255, 255);
  border: 1px outset rgb(102, 102, 102);
  display: inline;
  font-size: 10px;
  line-height: 220%;
  list-style-type: none;
  margin: 0 4px 4px 0;
  padding: 3px 4px;
}

/* Buttons im Submenu an Links angleichen */
/* - erst browserübergreifend destylen */
ul.submenu li button
{
	-moz-appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: 100%;
	line-height: initial;
	height: auto;
	margin: 0;
	overflow: visible;
	text-transform: none;
	border: none;
	padding: unset;
	background: none;
}
/* - dann anpassen */
ul.submenu li button
{
	color: #1111aa;
	text-decoration: none;
}
ul.submenu li button:hover
{
	color: #4444cc;
}

ul.submenu li a,
ul.submenu li button
{
	white-space: nowrap;
	text-decoration: none;
}

table.submenu
{
}

table.submenu td
{
	border-width:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

table.menu td.subtitle {
	border:0px none;
	font-weight:bold;
	padding-top:1em;
}

/*
	Alternierende Zeilenstreifen ab Zeile 2,
	nostripe hat Vorrang vor Farbanpassungen
*/
table.striped tr:nth-child(2n)     { background-color: #eeeeff; }
table.striped tr:nth-child(2n+3)   { background-color: #eeffee; }
table.striped tr.nostripe.nostripe { background-color: transparent; }

td.tdspacer
{
	border-color:#DDDDDD;
}


td.tdmb
{
	background-color:#fefcd1;
	border-color:#66CDAA;
	border-width:1px;
	border-style:solid;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	text-align:left;
}


td.tdberei
{
	background-color:#fefcd1;
	border-color:#66CDAA;
	border-width:1px;
	border-style:solid;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	text-align:left;
}

td.tdtarea
{
	background-color:#dddddd;
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	text-align:left;
}

td.tdtextbox
{
	background-color:#dddddd;
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:top;
	text-align:left;
}

td.tdheadline
{
	background-color:#66CDAA;
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	text-align:left;
}

td.kartei
{
}

td.karteili
{
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
}

td.karteikarte
{
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
	padding-right:1px;
	vertical-align:top;
	text-align:left;
}

td.tdhelp
{
	background-color:#dddddd;
	border-width:1px;
	border-style:solid;
	border-color:#F0F8FF;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:3px;
	vertical-align:top;
	text-align:left;
}


/* Input-Lib */

.ui-widget { font-family:sans-serif; font-size:inherit; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family:sans-serif;
}

/* css for timepicker */
#ui-timepicker-div dl{ text-align: left; }
#ui-timepicker-div dl dt{ height: 25px; }
#ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }

form { margin:0; padding:0; }
.form_hidden { display: none; }

.label { vertical-align:top; padding:0.25em 0.1em; font-weight:bold; text-align:right; width:16em; }
.label + td { vertical-align:top; padding:0.25em 0.1em; }

table.form { }
table.form tr { }
table.form td { }
table.form td.label {
	vertical-align: top;
	padding: 0.25em 0.1em;
	font-weight: bold;
	text-align: right;
	width: 16em;
}
.admincard_columns table.form td.label {
	min-width: 10em;
}
table.form td.input { vertical-align:top; padding:0.25em 0.1em; }
table.form td.help { vertical-align:top; padding:0.25em 0.1em; }

.select .label { width:4em; }
.select table.form td.label { width:4em; }

.foldcont .label { width:4em; text-align:left; }
.foldcont table.form td.label { width:4em; min-width: 4em; text-align:left; }

table.form table.input-core-locale td.label { width:4em; text-align:left; }
table.form div.tabgroup-Locale td.label { width:4em; text-align:left; }


/* Test/Alternative linksbündig + Unterstrich:
.label  {
	border-bottom:1px dotted #AAAAAA;
	display:block;
	font-weight:bold;
	margin:2px 0 4px 10px;
	padding:0.25em 0.1em;
	text-align:left;
	vertical-align:top;
	width:16em;
}
table.form td.label { text-align:left; }
.foldcont .label { width:10em; }
.foldcont table.form td.label { width:10em; }
*/


table.form td.div h1,
table.form td.div h2,
table.form td.div h3,
table.form td.div h4,
table.form td.div h5,
table.form td.div h6
{
	color:Sienna; text-decoration:underline; margin-top:0.8em; margin-bottom:0.3em;
}

table.form td.divh h1,
table.form td.divh h2,
table.form td.divh h3,
table.form td.divh h4,
table.form td.divh h5,
table.form td.divh h6
{
	color:Sienna; text-decoration:underline; margin-top:0.8em; margin-bottom:0.3em;
}

table.listform { }
table.listform th { text-align:left; padding-right:2em; }
table.listform td { padding-right:1em; }

table.form table.listform { }
table.form table.listform th { text-align:left; padding-right:2em; }
table.form table.listform td { padding-right:1em; }


/* Katalog-Editor: */
.kated-select .datarow-actions a { display:inline-block; vertical-align:middle; }
.kated-select .stat_new { color:#999; font-style:italic; }

table.form td.input span.unit { margin-left:0.5em; }

td.input td.icon {
  padding-top: 10px;
  vertical-align: top;
}
table.form td.icon {
  padding-top: 7px;
  vertical-align: top;
}

/* /input/fold (jQuery - aufklappbare Input-Gruppen) */
.foldhead span.ui-icon { float:left; vertical-align:middle; }
.foldcont { clear:both; padding-left:25px; }
.foldlabel { vertical-align:middle; line-height:160%; padding:6px; cursor:pointer; cursor:hand; }
.foldlabel:hover { text-decoration:underline; color:blue; }

/* /input/palette (jQuery - aufklappbare Input-Gruppen) */
.palette-head { display:inline-block; }
.palette-head span.ui-icon { float:left; vertical-align:middle; }
.palette-cont { clear:both; padding-left:25px; }
.palette-label { vertical-align:middle; line-height:160%; padding:6px; cursor:pointer; cursor:hand; }
.palette-label:hover { text-decoration:underline; color:blue; }
.input-group tr.addable:hover { background-color:#af8; cursor:crosshair; }
.input-group tr.addable input { cursor:crosshair; }
.input-group tr.addable select { cursor:crosshair; }
.input-group tr.addable textarea { cursor:crosshair; }
.input-group tr.addable label { cursor:crosshair; }
.input-group tr.removable span.ui-icon:hover { cursor:pointer; }

.admincard_help div.foldrow { margin:6px; }


td.flags-checkbox { vertical-align:middle; }
td.flags-label { vertical-align:middle; padding-right:2em; }
td.flags-label label { display:block; }


.txtform
{
	color: #000000;
	font:12px sans-serif;
	text-align:left;
	vertical-align:top;
}

.number
{
	color: #000000;
	font:12px sans-serif;
	text-align:right;
	vertical-align:top;
}

.textbox
{
	font: 12px sans-serif;
	background-color:#F0F8FF;
	border-style:inset;
	border-width:1px;
	border-color:#bbbbbb;
	letter-spacing:0px;
}

.numrange
{
	font: 12px sans-serif;
	background-color:#F0F8FF;
	border-style:inset;
	border-width:1px;
	border-color:#bbbbbb;
	letter-spacing:0px;
}

.textarea
{
	font: 12px sans-serif;
	background-color:#F0F8FF;
	border-style:inset;
	border-width:1px;
	border-color:#bbbbbb;
	letter-spacing:0px;
}

.textbox[name*="ogin"],
.textbox[name*="sername"],
.textbox[name*="asswor"],
.textbox[name*="mail"],
.textbox[name*="Mail"],
.textbox[name*="URL"],
.textbox[name*="Url"],
.textbox[name*="Match"],
.textarea[name*="Match"],
.textbox[name*="Custom"],
.textarea[name*="Custom"],
.input-hidden .input
{
  font-family: var(--ff-mono),monospace;
  font-size: 100%;
}

.button {
	background-color:#F0F8FF;
	border-style:outset;
	border-width:1px;
	border-color:#bbbbbb;
	font-family:sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 8px;
	margin-top:6px;
	margin-bottom:4px;
	margin-right:20px;
}

/* Help-Icons direkt nach Buttons (Core) */
.button + .helpicon {
  position: relative;
  left: -20px;
}

.select_kat_admin2 .button {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:1px 2px;
}

span.button {
	display:inline-block;
	white-space:nowrap;
	padding:5px 10px;
}
span.button a {
}

.button_Save,span.button_Save {
	background:url(/g/sys/save.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_save,span.button_save {
	background:url(/g/sys/save.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Speichern,span.button_Speichern {
	background:url(/g/sys/save.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Update,span.button_Update {
	background:url(/g/sys/save.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_Copy,span.button_Copy {
	background:url(/g/sys/copy.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_copy,span.button_copy {
	background:url(/g/sys/copy.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_Delete,span.button_Delete {
	background:url(/g/sys/delete.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_delete,span.button_delete {
	background:url(/g/sys/delete.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_Filter,span.button_Filter,
.button_Suchen,span.button_Suchen {
	background:url(/g/sys/find.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Search,span.button_Search {
	background:url(/g/sys/find.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Query,span.button_Query {
	background:url(/g/sys/find.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_New,span.button_New {
	background:url(/g/sys/new.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Neu,span.button_Neu {
	background:url(/g/sys/new.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Add,span.button_Add {
	background:url(/g/sys/new.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_Execute,span.button_Execute {
	background:url(/g/sys/run.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

.button_Cancel,span.button_Cancel {
	background:url(/g/sys/window-close.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}
.button_Abbruch,span.button_Abbruch {
	background:url(/g/sys/window-close.png) no-repeat scroll 4px 0.18em #F0F8FF;
	padding-left:32px;
}

div.widget_delete {
	display:inline;
	white-space:nowrap;
}

.rowbt
{
	border-style:ridge;
	border-width:thin;
}

.checkbox
{
}

select
{
	font: 12px sans-serif;
	background-color:#F0F8FF;
	border:1px inset #bbbbbb;
	vertical-align:top;
	text-align:left;
}

.oselect select, .ui-widget .oselect select {
	min-width:150px;
	font-family: var(--ff-mono),monospace;
	font-size: 100%;
}

.CodeMirror.input-disabled,
.textbox.input-disabled,
.textarea.input-disabled,
.input-disabled {
	color: gray;
	background-color:#e0e0e0;
}

.CodeMirror.input-readonly,
.textbox.input-readonly,
.textarea.input-readonly,
.input-readonly {
	background-color:#e0e0e0;
}

.input-checkbox input {
	vertical-align: middle;
}
.input-checkbox label {
	vertical-align: middle;
}

input[type=file] {
  min-width: 40ch;
}

.input-file_img .preview {
    border: 1px inset;
    background-color: rgb(245, 245, 245);
    max-height: 25em;
    /*max-width: 45em;*/
    overflow: auto;
}
.input-file_img .preview img,
.input-file_img .preview object {
    max-width: 100%;
}

/* Input-Tooltips */

.tooltip { width:25em; z-index:1000; }
.tooltip .title { margin-top:0; }
.tooltip .description { max-height:15em; overflow:auto; }

.select .tooltip { width:15em; }


/* Bootstrap-Kompatibilität */

.radio-row .radio-inline { white-space: nowrap; }
.checkbox-row .checkbox-inline { white-space: nowrap; }


/* /input/artikellinks: */

.input-core-artikellinks .itemstatus {
    display: block;
    width: 126px;
    text-align: center;
}

.input-core-artikellinks .itemstatus.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

.input-core-artikellinks .itemstatus.ui-controlgroup > .ui-controlgroup-item.ui-state-active {
    border: 1px solid rgb(94,158,214);
}

.input-core-artikellinks .itemstatus .ui-controlgroup-item span {
    display: block;
    width: 20px;
    height: 14px;
    margin: 0;
    padding: 5px 10px;
    line-height: 12px;
}

.input-core-artikellinks .itemstatus .ui-controlgroup-item.value-0 span {
	color: darkgreen; font-size: 19px;
}
.input-core-artikellinks .itemstatus .ui-controlgroup-item.value-2 span {
	font-size: 18px;
}
.input-core-artikellinks .itemstatus .ui-controlgroup-item.value-1 span {
	color: red; font-size: 14px;
}


/* /input/core/param_filter: */

.input-paramfilter .col-xs-1,
.input-paramfilter .col-xs-3 {
  display: inline-block;
}
.input-paramfilter .numrange {
  width: 7em;
}
.input-paramfilter .checkfield > ul {
    list-style-position: outside;
    padding-left: 0px;
    list-style-type: decimal;
}
.input-paramfilter .checkfield > ul > li.form-group {
  border: 1px solid #bbb;
  margin-bottom: 2px;
  padding: 1px 2px;
}
.input-paramfilter .checkfield .pw-label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 28em;
}
.input-paramfilter .checkfield .pw-input {
  text-align: right;
}


/******* Card *******/

td.cardhl
{
	background-color: transparent;
	border: none;
	padding:2px 5px;
	vertical-align: middle;
	text-align: left;
}

font.cardhl
{
	color: #000000;
	font: bold 12px sans-serif;
}

td.card
{
	background-color: #f4f4e0;
	border-top:1px solid #888; border-bottom:1px solid #888;
	padding: 3px;
	vertical-align:top;
	text-align:left;
}

td.card2
{
	background-color: #f4f4e0;
	border-top:1px solid #888; border-bottom:1px solid #888;
	padding: 0px;
	vertical-align:top;
	text-align:left;
}

td.img
{
	background-color: #eeeeee;
	border: 1px solid #b43148;
	padding: 3px;
	vertical-align:bottom;
	text-align:center;
}
td.img.selected
{
	background-color: #ddccdd;
}

/* Admincard V2 */

.clear { clear:both; }

div.admincard { margin-right:1em; margin-bottom:1em; background-color:#f4f4e0; width:auto; height:auto; position:relative; }
div.admincard_head { background-color:#f8f8f8; padding-top:1em; }
div.admincard_body { border-top:1px solid #888; border-bottom:1px solid #888; width:auto; height:auto; position:relative; }
div.admincard_intro { border-bottom:1px solid #888; }

td.admincard_col_ibox { vertical-align:top; width:75%; min-width:60%; }
div.admincard_ibox { width:auto; height:auto; margin-right:0.5em; position:relative; }

td.admincard_col_help { vertical-align:top; width:25%; max-width:40%; }
div.admincard_help { width:auto; height:auto; border-left:2px solid #aaa; margin-left:0.5em; padding-left:0.5em; }

div.admincard_foot { }

div.admincard_head h2 { margin:0; }
div.admincard_ibox input { }
div.admincard_ibox textarea { }
div.admincard_ibox hr { border:none; background-color:#aaa; }



/* Locale- und Modullisten */

.localelist td,
.modulelist td,
.treelines li {
	font-family: var(--ff-mono),monospace;
}

/* Menü-Trees */
/* Drehlinge müssen Zusatzklasse .twisty am .treelines haben! */

.treelines li.dir   { font-weight:bold; font-size:14px; padding-top: 5px; }
.treelines li.file  { font-weight:normal; }
.treelines li.empty { font-style:italic; }

.treelines,
.treelines ul,
.treelines li
{
	position: relative;
}
.treelines ul
{
	list-style: none;
	padding-left: 15px; /* Platz für | */
}
.treelines li.dir.closed ul
{
	display: none;
}
.treelines li::before,
.treelines li::after
{	/* leere Linienboxen, Vertikale mittig hinter Drehling */
	content: "";
	position: absolute;
	left: -12px; /* | ins ul-Padding */
	z-index: -1;
}
.treelines li::before
{	/* — */
	border-top: 1px solid gray;
	top:   8px;
	width: 8px; /* ~0.5 ul-Padding */
}
.treelines li.dir::before
{	/* padding-top ausgleichen */
	top: 14px;
}
.treelines.twisty li.dir::before
{	/* keine Horizontale am Drehling */
	display: none;
}
.treelines li::after
{	/* | */
	border-left: 1px solid gray;
	height: 100%;
	width: 0px;
	top: 2px;
}
.treelines ul > li:last-child::after
{	/* letzte Ecke */
	height: 7px;
}
.treelines ul > li.dir:last-child::after
{	/* padding-top ausgleichen */
	height: 13px;
}
/* Drehlinge nur an Verzeichnissen mit Inhalt */
/* Achtung: Zeichen aus dem Unicode-Block "Miscellaneous Technical, U+2300 - U+23FF"
	fehlen auf älteren MacOS- und Windows-Rechnern!
	Zeichen aus "Geometric Shapes, U+25A0 - U+25FF" funktionieren allerdings sehr wohl?! */
.treelines.twisty li.dir
{
	/* U+25BC Black Down-Pointing Triangle */
	list-style: "▼ "; /* mit Leerzeichen */
}
.treelines.twisty li.dir.closed
{
	/* U+25B6 Black Right-Pointing Triangle */
	list-style: "▶ "; /* mit Leerzeichen */
}

.moduletree li { white-space: nowrap; }
.moduletree li.inactive   { font-style: italic; color: gray; }
.moduletree li.inactive a { font-style: italic; color: gray; }

.attributetree li { white-space: nowrap; }


/* /debug/dump_object */

table.vardump { margin:6px; }


/* Pagination */

.pagelist td {
    min-width: 1.3em;
}
.pagelist td > a,
.pagelist td > b {
	display: block;
	padding: 2px 8px;
	font-size: 13px;
}
.pagelist td a img {
	top: 2px;
	position: relative;
}
.pagelist td.jump > a {
    background-color: #eee;
}
.pagelist td.current > b {
    background-color: #eef;
}


/* Artikel-Editor */

div.arted-title { width:48em; }

div.arted-dataquality {
	background-color: #cef;
	border:1px solid #00f;
	position:absolute;
	right: 1em;
	max-width: 20em;
	max-height: 25ex;
	overflow: auto;
}
div.arted-dataquality ul.dq-info {
	margin:0; padding:0 0.5em 0 1.5em; list-style:circle;
}
div.arted-dataquality .ok,
div.arted-dataquality .warn,
div.arted-dataquality .error {
	font-size: 100%;
}

div.arted-atKurzText { height:10em; overflow:auto; }
div.arted-atDetailText { height:20em; overflow:auto; }
div.arted-atDetailText2 { height:20em; overflow:auto; }

.ac_ArtEd select {
    max-width: 50em;
}
.ac_ArtEd.ac_Query select {
    max-width: 30em;
}

/* Optimierung der Artikel-Selects für Kopieren/Löschen/Verknüpfen */
.ac_ArtEd.ac_Copy td.admincard_col_help,
.ac_ArtEd.ac_Link td.admincard_col_help,
.ac_ArtEd.ac_Delete td.admincard_col_help {
	width: 15em;
}
.ac_ArtEd.ac_Copy div.admincard_help,
.ac_ArtEd.ac_Link div.admincard_help,
.ac_ArtEd.ac_Delete div.admincard_help {
	margin-left: 0;
}
.ac_ArtEd.ac_Copy select,
.ac_ArtEd.ac_Link select,
.ac_ArtEd.ac_Delete select {
	max-width: 100%;
	width: 100%;
	overflow: auto;
}

.batchlist-actions > p {
  float: left;
  clear: left;
  min-height: 16px;
}
.batchlist-actions > ul.submenu {
  margin-top: 2px;
  float: left;
}

/* Parameter-Liste */
.arted-parlist { border-collapse: separate; border-spacing: 0; }

.arted-parlist.striped tr:nth-child(2n)   { background-color: #d8e4e8; }
.arted-parlist.striped tr:nth-child(2n+3) { background-color: #d8f8d8; }

.arted-parlist th { text-align: left; }
.arted-parlist td { vertical-align: top; }

.arted-parlist tr.groupdelim { height: 1px; }

.arted-parlist.striped tr.grouphead { background-color: tan; }
.arted-parlist.striped tr.parpag    { background-color: khaki; }
.arted-parlist .groupcheck { vertical-align: middle; }
.arted-parlist .groupcheck .ui-icon
{
	top: -2px;
	left: 4px;
}
.arted-parlist .groupcheck .ui-icon:hover { cursor: pointer; }

.arted-parlist .parpag .parname { vertical-align: middle; }
.arted-parlist .parpag .parcheck,
.arted-parlist .parrow.grouped .parcheck
{
	border-left: 30px solid tan;
}

.arted-parlist .parcheck { padding: 4px 5px; text-align: center; }
.arted-parlist .parcheck label { display: block; }
.arted-parlist .parname { padding: 7px 5px; width: 25em; }
.arted-parlist .pdname { }
.arted-parlist .pdremark pre { max-width: 95%; white-space: pre-wrap; font-size: 90%; margin: 5px 0 0 0; }


/* Mapping-Editor */

.MappingEditor {
    min-width: 60em;
}

form.mapselect-form table.form {
    margin-right: 2em;
}
div.ac_Map div.admincard_help,
div.ac_ImpArt div.admincard_help {
	max-width: 25em;
}

.MappingEditor [name*="IntCode"],
.MappingEditor [name*="pdName"],
.MappingEditor [name*="pdGroupID"] {
	font-family: var(--ff-mono),monospace;
	font-size: 11px;
}
.MappingEditor select[name*="IntCode"] {
	min-width: 25em;
	max-width: 100%;
}

.MappingEditor tr.xlExtern > td {
    padding: 5px 0px 2px 0px;
    border-top: 1px solid dimgray;
}
.MappingEditor tr.xlIntern > td {
    padding: 2px 0px 5px 0px;
    border-bottom: 1px solid dimgray;
}
.MappingEditor tr.xlIntern > td.xlDelete {
    padding: 6px 0 0 0;
}
.MappingEditor tr.xlIntern > td.xlDelete label {
    margin: 0px 0px 0px -3px;
    display: inline-block;
    vertical-align: middle;
	font-family: var(--ff-mono),monospace;
    font-size: 11px;
}

.MappingEditor td.xlType {
	font-family: var(--ff-mono),monospace;
	font-size: 11px;
	font-weight: bold;
	color: #19580a;
}
.MappingEditor td.xlAction label {
    margin: 0px 13px 0px -3px;
    display: inline-block;
    vertical-align: middle;
	font-family: var(--ff-mono),monospace;
    font-size: 11px;
}

.MappingEditor td.xlExtCode td.val {
    padding-left: 10px;
}
.MappingEditor td.xlExtCode tr.code code {
    font-weight: bold;
}
.MappingEditor td.xlExtCode tr.name td {
    font-style: italic;
}

.MappingEditor td.ParamDefMode {
    padding-right: 1em;
}


/* SQL-Abfrageergebnis tabellarisch */

table.sqlresult tr:hover { background-color:#ccf; }
table.sqlresult th { border-bottom:1px solid #000; }
table.sqlresult td { vertical-align:top; }
table.sqlresult td.num { text-align:right; }
table.sqlresult td.tmp { text-align:right; white-space: nowrap; }

/*
	Sanduhr-Cursor
	.wait verhindert Mausevents in allen Kindern des Elements,
	.waitcursor betrifft nur Kinder mit .waitblock
*/
.wait, .waitcursor
{
	cursor: wait !important;
}
.wait *,
.waitcursor .waitblock,
.waitcursor .waitblock *
{
	/* keyboard-events: none !important; */
	pointer-events: none !important;
}

/* geraubte Helferlein (zB aus Bootstrap) */
.hidden
{
	display: none !important;
}
.nowrap
{
	white-space: nowrap;
}