/**
 * Helfer & Utilities
 */

/*
	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;
}

.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;
}

.clear {
  clear: both;
}


/**
 * Framework
 */

body
{
	background-color: #fff;
	color: #000000;
	/* padding-top:10px; padding-left:10px; */
	margin:5px;
}

body.menu
{
	background-color: #fff;
	color: #000000;
	padding-top:5px;
	padding-left:5px;
	margin:5px;
}

body.entrypage
{
	background-image: url(../g/background/entrypage.img);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top left ;
	margin:5px;
}

a
{
	color:#1111aa;
}

a:visited
{
	color:#1111aa;
}

a:hover
{
	color:#4444cc;
}

h1
{
	font-size:16px;
}

h2
{
	font-size:15px;
}

h3
{
	font-size:14px;
}

h4
{
	font-size:13px;
}

pre
{
	font-size:12px;
}

li
{
	font-size:12px;
}

p
{
	margin: 6px;
}

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


.font,body,p,td,th
{
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
}

.okbox { border:4px solid #0f0; padding:1em; background-color:#efe; }
.warnbox { border:4px solid #ba0; padding:1em; background-color:#ffe; }
.errorbox { border:4px solid #f00; padding:1em; background-color:#fee; }

.ok { color:#0a0; font-size:110%; font-weight:bold; }
.warn { color:#ba0; font-size:110%; font-weight:bold; }
.error { color:#f00; font-size:120%; font-weight:bold; }
.alarm { color:#f44; font-size:120%; font-weight:bold; }

.infobox	{ border:4px solid #00f; padding:1em; background-color:#eef; }
.info		{ color:#4444BB; font-weight:bold; font-size:130%; }
.infobox p	{ color:#4444BB; font-weight:bold; font-size:13px; font-family:sans-serif; }


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


.small
{
	color:#111133;
	font-weight:300;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}

.small a
{
	color:#1111aa;
	font-weight:300;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}

.small a:visited
{
	color:#1111aa;
	font-weight:300;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}

.small a:hover
{
	color:#4444cc;
	font-weight:300;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:underline;
}


a.mainmenu
{
	color:#1111aa;
	font-weight:600;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}

a:visited.mainmenu
{
	color:#1111aa;
	font-weight:600;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:none;
}

a:hover.mainmenu
{
	color:#4444cc;
	font-weight:600;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	text-decoration:underline;
}


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

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

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


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

.row0,
tr.row0,
th.col0,
td.col0,
table.striped tr:nth-child(even),
tr.striped:nth-child(even)
{
	background-color: #ddf;
}
.row1,
tr.row1,
td.col1,
th.col1,
table.striped tr:nth-child(odd),
tr.striped:nth-child(odd)
{
	background-color: #eee;
}

table.entrypage
{
}

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


table.mainmenu
{
}

table.mainmenu td
{
	border-width:2px;
	border-style:outset;
	border-color:#bbbbbb;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
}

table.mainmenu td.noborder
{
	border-width:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:middle;
}

table.menu
{
}

table.menu td
{
	border-width:2px;
	border-style:outset;
	border-color:#bbbbbb;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:4px;
	vertical-align:middle;
}

th
{
	text-align: left;
	font-weight: bold;
}

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

table.submenu
{
}

table.submenu td
{
	border-width: 0px;
}


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;
}

ul.submenu { margin:4px 0; padding:0; font-size:10px; }
ul.submenu li { display:inline; font-size:10px; line-height:180%; border:1px outset #666; background-color:#fff; list-style-type:none; margin-left:0; margin-right:4px; margin-bottom:2px; margin-top:2px; padding:1px 2px; }
ul.submenu li a { white-space:nowrap; text-decoration:none; }


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


/* Tabellen für Listenausgaben: */

table.list {
	border-spacing: 0;
}

table.list tr:nth-child(2n) {
  background-color: #f4f4ed;
}

table.list th {
	text-align: left;
	vertical-align: top;
    background-color: #666;
    color: #fff;
    font-size: 15px;
    padding: 3px 5px;
}

table.list td {
	text-align: left;
	vertical-align: top;
    padding: 3px 5px;
}

table.list th.center {
	text-align: center;
}

table.list td.center {
	text-align: center;
}

table.list pre {
	font-size: 9px;
}


/* mb = menu-button... noch benutzt? */

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 */

form { margin:0; padding:0; }

label {
	width: 100px;
	margin-right:10px;
}

.label { vertical-align:top; padding:0.25em 0.1em; font-weight:bold; text-align:right; width:12em; width:30px; }
.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; }
table.form td.input { vertical-align:top; padding:0.25em 0.1em; }
table.form td.help { vertical-align:top; padding:0.25em 0.1em; }

table.form td.div h1 { color:Sienna; text-decoration:underline; }
table.form td.div h2 { color:Sienna; text-decoration:underline; }
table.form td.div h3 { color:Sienna; text-decoration:underline; }
table.form td.div h4 { color:Sienna; text-decoration:underline; }
table.form td.div h5 { color:Sienna; text-decoration:underline; }
table.form td.div h6 { color:Sienna; text-decoration:underline; }

.select table.form td.label { width:auto; }
.select .label { width:auto; }

table.list table.form th {
    background-color: transparent;
    color: black;
    font-size: 11px;
}


/* /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; }
.foldlabel:hover { text-decoration:underline; color:blue; }


/* Checkbox-Felder */
td.flags-checkbox {
    vertical-align: top;
    padding-bottom: 10px;
}
td.flags-label {
    vertical-align: top;
    padding-bottom: 10px;
}


/******* Form *******/

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

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

.textbox
{
	font: 11px Verdana, Verdana, Arial, sans-serif;
	background-color:#F0F8FF;
	border-style:inset;
	border-width:1px;
	border-color:#000080;
	letter-spacing:0px;
}

.textarea
{
	font: 11px Verdana, Verdana, Arial, sans-serif;
	background-color:#F0F8FF;
	border-style:inset;
	border-width:1px;
	border-color:#000080;
	letter-spacing:0px;
}

.button
{
	background-color:#F0F8FF;
	border-style:outset;
	border-width:1px;
	border-color:#000080;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	display: inline-block;
	margin-right: 1.5em;
}

.widget_delete {
    display: inline-block;
}

a.button {
	display:block;
	text-align:center;
	margin:2px;
	padding:2px;
	text-decoration: none;
}
span.button a {
	text-decoration:none;
	color:#000;
}

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

.checkbox
{
}

.drop
{
	width:100%;
	height:250px;
	background-color:#F0F8FF;
	border-style:solid;
	border-width:1px;
	border-color:#00008B;
	font-family:Verdana, Arial, sans-serif;
	font-style:normal;
	color:#0000CD;
	letter-spacing:0px;
}

select.select
{
	font: normal 10px Verdana, Arial, sans-serif;
	background-color:#ffffff;
	border:solid 1px #000000;
	text-align:left;
}


.mandatory { border:1px solid red; }
select.mandatory { border:1px solid black; }



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

td.cardhl
{
	background-color: #ADC1AD;
	border: none;

	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;

	vertical-align: middle;
	text-align: left;

	color: #000;
	font: bold 12px Verdana, Arial, sans-serif;
}

font.cardhl
{
	color: #000;
	font: bold 12px Verdana, Arial, sans-serif;
}

td.card
{
	border: 1px solid #ADC1AD;
	background-color: #fafafa;
	padding: 3px;

	vertical-align:top;
	text-align:left;
}

td.card2
{
	border: 1px solid #b43148;
	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;
}

.label
{
	font-weight: bold;
	text-align: right;
}


div.formhelp {
	width:20em;
	border-left:2px solid #bbb;
}


/* Input-Tooltips */

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


span.titel-kampagne { display:inline-block; background-color:#ffa; border:1px solid #ff4; padding:2px 3px; }


/* NEU: Ticketdarstellung */
body.detail2 div.tickethistory div.customer { margin-right:100px; }
body.detail2 div.tickethistory div.support { margin-left:100px; }


table.grouplist
{
	border: 2pt solid black;
	border-spacing: 0pt;
	border-collapse: collapse;
	margin: 10pt 0pt 0pt 0pt;
}

table.grouplist tr:nth-child(2n) {
  background-color: #f4f4ed;
}

table.grouplist th
{
	font: normal 11pt Arial, sans-serif;
	border: 1pt solid black;
	border-spacing: 0pt;
	padding: 3pt;
	margin: 0pt;
	font-weight:bold;
}

table.grouplist td
{
	border: 1pt solid black;
	border-spacing: 0pt;
	padding: 3pt;
	margin: 0pt;
}

table.grouplist td.center {
	text-align:center;
}

img.tt_tip {
  max-width: 95vw;
}


/***************************************************
 * 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 { 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;
}


/* Shop-Accounts */

tr.sd-status-aus td { color:#aaa; text-decoration: line-through; }
tr.sd-status-aus a { color:#aaa; text-decoration: line-through; }

tr.sd-status-unmanaged td { font-style:italic; }
tr.sd-status-aus a { font-style:italic; }