/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Datei: content_layout.css
  -------------------------

  Aufgabe: Definition der Seitenelemente innerhalb des Content-Bereichs. Dazu gehört auch
  die Toolbar.


  Dateistruktur:
  --------------
  10. Standarddefinitionen für den Content-Bereich
    1010. Schrift & Absätze
    1020. Formularelemente
    1030. Links & Anker
    1040. Strukturierung & Hinweisblöcke

  20. Toolbars: Zentrale Toolbar und Table-Toolbar
    2010. Zentrale Toolbar
    2020. Table-Toolbar + Globalbuttonlist

  30. Tab-Navigation
  40. Templatebausteine
  50. Tabellentypen (Datenvisualisierung)

    5010. listview-Tabelle
    5020. Vergleichstabelle
    5030. Hierarchische Tabellen: hierarchy + treelist
    5040. Aufklappbare Tabelle (Alternativ zur Baumstruktur): listview + collapsiblelist
    5050. Kollisionstabelle: (collisionEdit.asp)
    5060. Gridtabelle: getAllocationTree.asp)

    5070. Aktionen im Tabellenkopf
    5080. Pagination

  60. Kalender (verschiedene Ansichten)
  70. Formularseiten
  80. Übersichtsseiten
    8010. Visitenkarte
    8020. Baumkomponente
    8030. Links, Tooltips, Flyouts
    8040. DIV-Overlay-Menüs
    8050. Wizard-Dialog
    8060. Filterbox (oberhalb einer Tabelle)

  90. Suchformulare: Erweiterte Suche, Verknüpfungssuche

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  10. Standarddefinitionen für den Content-Bereich

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* 1010. Schrift & Absätze
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


h1 {
  font-size:22px;
  line-height:28px;
  border-bottom:solid 1px #aaa;
  padding-bottom:10px;
  margin:12px 0;
}
h1.pagetitle {
  margin-top:4px;
}
h1 a {
  margin-left:10px;
}
h2 {
  font-size:18px;
  margin:1.8em 0 .5em;
}
h2 a {
  margin-left: 0;
}
h3 {
  font-size:16px;
  margin: 1.2em 0 .5em;
}
h4,h5,h6 {
  font-size:14px;
  margin-bottom:6px;
}

p.buttons,
p.links {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}

p.links a {
  margin-right: 10px;
}

strong.label {
  padding-right: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
}

td.mandatorytd {
  border-left: 3px solid #cf0000;
}

td.mandatoryforpublishingtd {
  border-left: 3px solid orange;
}

.largeText { font-size: 36px; }

sup {
  font-size:.75em;
  vertical-align:.75em;
  line-height:.75em;
}

/* 1020. Formularelemente
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




input.inputThreeDigits { width: 25px !important; }
input.inputFiveDigits { width: 42px !important; }
input.inputPLZ, select.inputPLZ{ width: 60px !important; }
input.width200{ width: 200px !important; }
input.datefield { width: 120px !important; }
input.timefield { width: 56px !important; }
input.inputTiny { width: 100px !important; }
input.inputSmall, select.inputSmall { width: 140px !important; }
input.inputMedium { width: 195px !important; }
input.inputLarge { width: 280px !important; }
input.inputGiant { width: 330px !important; }
input.inputUltimate { width: 420px !important; }
select.width105{ width: 105px !important; }
select.selectDate { width: 60px !important; }
select.selectTiny { width: 100px !important; }
select.selectSmall { width: 140px !important; }
select.selectMedium { width: 195px !important; }
select.selectLarge { width: 280px !important; }
select.selectGiant { width: 330px !important; }
select.selectUltimate { width: 420px !important; }
textarea.textareaMedium { width: 195px !important; height: 100px !important; }
textarea.textareaLarge { width: 280px !important; height: 100px !important; }
textarea.textareaGiant { width: 330px !important; height: 100px !important; }
textarea.richEditor,
textarea.textareaUltimate { width: 420px !important; height: 100px !important; }
#addRegistrationsTable input.immanr,
#addRegistrationsTable select{ width: 100px !important;}

.groupBox,
.groupBoxCustomed {
  background:#f0f0f0;
  padding:10px;
  display:block;
  max-width:600px;
  border-left:solid 5px #aaa;
  box-shadow:0 3px 2px -2px #ccc;
  margin-bottom:20px;
}

.tabcontainer .groupBoxCustomed,
.tabcontainer .groupBox {
  margin-top: 15px;
}

.groupBoxCustomed table,
.groupBox table {
  width: auto;
  border-collapse: collapse;
  line-height: 17px !important;
}

.groupBox table td {
  padding: 3px 5px;
}

.groupBoxCustomed table label,
.groupBox table label {
  white-space: nowrap;
}

.groupBox .boxlayoutvertical .boxlayouthorizontal a {
  text-decoration: none;
  margin-left: 10px;
}

.groupBox .boxlayoutvertical .boxlayouthorizontal a:hover {
  text-decoration: underline;
}

.rightmargin20 {
  padding-right: 20px !important;
}

.filterbox {
  margin: 0;
  border: 1px solid #ccc;
  padding: 10px;
  min-width: 300px;
  max-width: 800px;
  background-color: #f3f3f4;
  box-shadow: #ccc 1px 1px 1px;
}

.filterbox td h2 {
  padding: 0;
  margin: 0;
}

.filterbox .filterboxControls {
  width: 100%;
}

.filterbox .filterboxControls td {
  padding: 6px 8px;
}

.filterbox .filterboxActions td {
  padding-top: 14px;
  text-align: right;
}

.filterbox .filterboxActions a {
  margin-left: 5px;
}

.filterbox.calendar {
  padding: 0;
  border-spacing: 6px;
}

.boxlayout {
  width: 100%;
}

.boxlayout .headline {
  margin-top: 25px;
  margin-bottom: 25px;
}

.boxlayoutvertical {
  overflow: auto;
}

.boxlayouthorizontal .bottom {
  vertical-align: bottom !important;
}

.boxlayouthorizontal {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}

.boxlayoutvertical .label{
  width: 90px !important;
}

.boxlayoutvertical .secondcol{
  margin-left: 15px;
}

.filterbox.calendar .header {
  font-weight: bold;
}

.filterbox.calendar .filterbutton {
  padding: 0;
}

.calendarInfobox {
  height: auto;
}

.infoboxTiny {
  border: 1px solid #c3d7ff;
  width: 200px;
  background-color: #e0eeef;
}
.infoboxTiny td {
  padding: 4px 8px;
}
.infoboxTiny .element {
  width: 100%;
}
.infoboxTiny .infotext td {
  padding-top: 10px;
}
div.tiny_inactive {
  height: 119px;
  overflow: auto;
}
div.tiny_active {
  display: none;
}


button,
input[type="submit"],
a.button {
  display:inline-block;
  color:#009682;
  background-color:inherit;
  border:solid 1px #009682;
  border-radius:2px;
  padding:4px 8px;
  text-decoration:none !important;
  cursor:pointer;
}
button:enabled:hover,
input[type="submit"]:enabled:hover,
a.button[href]:hover {
  color:#fff;
  background-color:#009682;
}
button:disabled,
input[type="submit"]:disabled,
a.button:not([href]) {
  opacity:.33;
  cursor:default;
}

select {
  border:solid 1px #a9a9a9;
  background-color:#fff;
  margin:0;
  width:auto;
  height:auto;
}
select[size="1"] {
  appearance:none;
  padding:4px 20px 4px 4px;
  border-radius:0;
  background-image:url('data:image/svg+xml,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-down" class="svg-inline--fa fa-chevron-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
  background-size:9px;
  background-repeat:no-repeat;
  background-position:right 6px top 8px; 
}

select.arrowonly {
  width:20px;
  height:26px;
  border:none;
  background-color:#fff;
  background-position:center center;
  margin-left:2px !important;
  box-sizing:border-box;
}
select.arrowonly:hover {
  background-color:#eee;
}

input[type="text"],
input[type="password"],
textarea,
div.tiny_inactive {
  border:solid 1px #a9a9a9;
  background-color:#fff;
  margin:0;
  appearance:none;
  padding:4px;
  border-radius:0;
}

.formcomponent input[type=text],
.formcomponent input[type=password],
.formcomponent textarea {
  width:100%;
  box-sizing:border-box;
}
.formcomponent select[size="1"] {
  max-width:100%;
}
input.insearchbox,
input.searchOnReturn {
  width:300px
}
textarea {
  height: 100px;
}

input[type=text]:hover,
input[type=password]:hover,
select:hover,
textarea:hover {
  border-color: #999;
}
select:hover {
  cursor:pointer;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  outline:solid 2px #009682;
}

input[type=text]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled {
  opacity:.33;
  cursor:default;
}

select.fifty {
  width: 50px;
}

select.insearchbox,
select[name = "FO_searchWhat"] {
  width: 280px;
}

input[type=checkbox],
input[type=radio] {
  margin:0 6px;
}



.twocols {
  width: 370px !important;
}
.twocolssmall {
  width: 150px !important;
}

.bigformframe {
  max-width: 1000px !important;
}

.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

input[type="text"],
input[type="password"] {
  height: auto;
}

/*
 * Pflichtfelder
 */
input.mandatory,
textarea.mandatory,
.mandatory select,
.mandatory input,
.mandatory textarea {
  border-left: 3px solid #cf0000 !important;
}

input.mandatoryforpublishing,
textarea.mandatoryforpublishing,
.mandatoryforpublishing select,
.mandatoryforpublishing input,
.mandatoryforpublishing textarea {
  border: 1px solid #aaa !important;
  border-left: 3px solid orange !important;
}

select.mandatory {
  border-left: 3px solid #CF0000 !important;
}


button.add-filter,
button.remove-filter {
  margin: 0;
}

optgroup {
  background-color: #d9d9d9;
  font-style: normal;
  color: #333;
  margin-bottom: 10px;
}

optgroup option {
  padding-left: 10px;
  background-color: #f3f3f4;
}

.controlDescription,
.radiobuttonDescription {
  color: #999;
  max-width: 300px;
}

.radiobuttonDescription {
  margin-left: 25px;
}

.tableAction {
  border: 1px solid #bbb;
  height: 21px;
  background: #ddd url("../../../shared/img/table-button-sprite.png") repeat-x left top;
}

.tableAction:hover {
  border: 1px solid #d3d3d3;
  background: #ddd url("../../../shared/img/table-button-sprite.png") repeat-x left center;
}

.tableAction.disabled {
  background-position: left bottom;
}

.tableAction.disabled:hover {
  background-position: left bottom;
  border: 1px solid #bbb;
}

.tableAction a {
  display: block;
  text-align: center;
}

.tableAction span {
  display: block;
  text-align: center;
  padding: 3px;
}

.date span {
  display: block;
  float: left;
  padding-top: 2px;
}

td.button input {
  margin-right: 10px;
}

input.italicFont {
  font-style: italic;
}


/* 1030. Links & Anker
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a { text-decoration: none; }
a:hover { text-decoration: underline; }

a#topanchor {
  display: block;
  visibility: hidden;
  top: 0;
  height: 0;

}

/* Content-Bereich */
.content {
  padding-bottom:10px;
}

.content a,
.content span.link {
  color:inherit;
  text-decoration:underline;
  cursor:pointer;
}

.content a:focus,
.content a:hover,
.content a:active,
.content span.link:hover {
  text-decoration: none;
}




/* 1040. Strukturierung & Hinweisblöcke
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a.anchor {
  visibility: hidden;
  float: left;
  line-height: 0;
}

a.error, td.error,
a.error span, td.error span {
  color: #cf0000 !important;
  font-weight: bold;
}

hr {
  border: none;
  border-top: 1px solid #aaa;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin-bottom: 15px;
}

.clear {
  overflow: hidden;
  clear: both;
  height: 1px;
  margin-bottom: -1px;
  line-height: 1%;
  font-size: 0;
}

.redtext {
  color: #cf0000;
}

p.smallerror {
  color: #cf0000;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

.message {
  position:relative;
  min-height:36px;
  margin:24px 0;
  padding:14px 14px 10px 64px;
  box-shadow:0 3px 2px -2px #ccc;
}
.message h6 {
  margin-top:0;
  margin-bottom:12px;
  font-size:16px;
  font-weight:bold;
}
.message div.closeme {
  display:none;
  position:absolute;
  top:6px;
  right:6px;
  width:16px;
  height:16px;
  background:url("../../../kit/img/closeme_32.png") no-repeat 0 0;
  background-size:16px 16px;
  cursor:hand;
  cursor:pointer;
}
.message:hover div.closeme {
  display:block;
}
.message ul {
  padding-left:22px;
}
.message.message-error {
  background-color:#ffcfcf;
}
.message.message-information {
  background-color:#ecf5ff;
}
.message.message-confirmation,
.message.message-longoperation,
.message.message-download {
  background-color:#dfffe3;
}
.message.message-warning {
  background-color:#fff2cf;
}

.message:before {
  font-family:"FontAwesome";
  font-weight:900;
  display:block;
  position:absolute;
  top:2px;
  bottom:2px;
  left:2px;
  width:50px;
  font-size:32px;
  line-height:36px;
  text-align:center;
  padding-top:10px;
}
.message.message-error:before {
  content:"\f057";
  color:#cf0000;
  background-color:#cf000033;
}
.message.message-information:before {
  content:"\f05a";
  color:#38599a;
  background-color:#38599a33;
}
.message.message-confirmation:before {
  content:"\f058";
  color:#009712;
  background-color:#00971233;
}
.message.message-download:before {
  content:"\f0ab";
  color:#009712;
  background-color:#00971233;
}
.message.message-warning:before {
  content:"\f071";
  color:#ffb32f;
  background-color:#ffb32f33;
}


div#errorbox{
  display:none;
}

.unsyncedDataSet {
  background: #ffcfcf !important;
}

.originalDataSet {
  background: #dfffe3 !important;
}

/*
 * treeMenu
 */
li.treeMenu_opened,
li.treeMenu_closed {
  cursor: pointer;
}

li.treeMenu_opened ul {
  display: block;
  margin-bottom: -3px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

li.treeMenu_closed ul {
  display: none;
}

/*
 * Elemente bei Hover einblenden
 */
a.show div.comment,
a.show:hover span {
  display: none;
}

a.show:hover div.comment {
  display: block;
}

/*
 * Styles für horizontale Listen
 */
div.navcontainer {
  margin-bottom: 40px;
  padding: 5px 10px 10px 0;
}

div.navcontainer ul.navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div.navcontainer ul.navlist li {
  border-left: 1px solid #000;
  float: left;
  margin: 0 .5em 0 -.5em;
  padding: 0 .5em 0 .5em;
  font-weight: bold;
}

div.navcontainer ul.navlist li.first {
  border-left: 0 none;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  20. Toolbars: Zentrale Toolbar und Table-Toolbar

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* 2010. Zentrale Toolbar
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.menubar {
  position:relative;
  z-index: 20;
  width: auto;
  margin-bottom:16px;
}

.menubar .menuitem-hidden {
  position:relative;
  height:0;
  width:0;
  margin:0;
  padding:0;
}

.menubar .menuitem {
  height:auto;
  position:relative;
  display:inline-block;
  margin-right:8px;
  margin-bottom:10px;
}

/* Buttonbar: A-Tag-Button
   -----------------------*/

.menubar .menuitem > a,
.menubar .menuitem > button,
.menubar .menuitem > div.submenu {
  display:block;
  color:#009682;
  text-decoration:none;
  white-space:nowrap;
  line-height:16px;
  padding:8px 10px;
  border:#009682 1px solid;
  border-radius:2px;
  background:#fff;
  cursor:hand;
  cursor:pointer;
}
.menubar .menuitem > a:hover,
.menubar .menuitem > button:hover,
.menubar .menuitem > div.submenu:hover {
  color:#fff;
  background-color:#009682;
}

.menubar .menuitem > a.yes,
.menubar .menuitem > button.yes {
  color:#080;
  border-color:#080;
}
.menubar .menuitem > a.yes:hover,
.menubar .menuitem > button.yes:hover {
  color:#fff;
  background-color:#080;
}

.menubar .menuitem > a.no,
.menubar .menuitem > button.no {
  color:#c33;
  border-color:#c33;
}
.menubar .menuitem > a.no:hover,
.menubar .menuitem > button.no:hover {
  color:#fff;
  background-color:#c33;
}


.menubar .menuitem > a,
.menubar .menuitem > button,
.menubar .menuitem > div.submenu {
  display:block;
  color:#009682;
  text-decoration:none;
  white-space:nowrap;
  line-height:16px;
  padding:8px 10px;
  border:#009682 1px solid;
  background:#fff;
  cursor:hand;
  cursor:pointer;
}

.menubar .menuitem > div.submenu {
  background-image:url("../../img/submenu.png");
  background-repeat:no-repeat;
  background-position:right 7px center;
  padding-right:18px;
}

.menubar .menuitem > a img,
.menubar .menuitem > button img,
.menubar .menuitem > div.submenu img {
  width:16px;
  height:16px;
  float:left;
  padding-right:6px;
}

/* Buttonbar: Disabled
   --------------------------------*/

.menubar .menuitem > a.disabled,
.menubar .menuitem > button:disabled,
.menubar .menuitem > div.submenu.disabled {
  cursor:default !important;
  border-color:#333 !important;
  color:#333 !important;
  background-color:#fff !important;
  opacity: .33;
}
.menubar .menuitem > a.disabled img,
.menubar .menuitem > button:disabled img,
.menubar .menuitem > div.submenu.disabled img {
  -webkit-filter:grayscale(100%);
  filter:grayscale(100%);
}

/* Buttonbar: Ausklappmenü
   -----------------------*/

.menubar .menuitem > div.submenu ul {
  position:absolute;
  z-index:9999 !important;
  top:34px;
  left:0;
  display:none;
  margin:0;
  padding:0 0 4px;
  background-color:#d9efec;
  border-radius:0 0 4px 4px;
}

.menubar .menuitem > div.submenu:hover ul,
.menubar .menuitem > div.submenu:active ul {
  display: block;
}

.menubar .menuitem > div.submenu.disabled:hover ul,
.menubar .menuitem > div.submenu.disabled:active ul {
  display: none;
}

.menubar .menuitem > div.submenu li {
  list-style: none;
  margin: 0;
}

.menubar .menuitem > div.submenu li a,
.menubar .menuitem > div.submenu li button {
  width:auto;
  height:auto;
  display:block;
  color:#000;
  padding:6px 10px;
  white-space:nowrap;
  text-decoration:none;
  border:none;
  background-color:transparent;
  background-image:none;
  text-align:left !important;
  line-height:16px;
  cursor:hand;
  cursor:pointer;
}
.menubar .menuitem > div.submenu li:before {
  content:"";
  display:none;
}

.menubar .menuitem > div.submenu li button {
  width: 100%;
  width: -moz-available;
}

.menubar .menuitem > div.submenu li a:hover,
.menubar .menuitem > div.submenu li button:hover {
  background-color:#009682;
  color:#fff;
}
.menubar .menuitem > div.submenu li a.disabled,
.menubar .menuitem > div.submenu li button:disabled {
  background-color:transparent;
  color:#333;
  opacity:.33;
}


/* 2020. Table-Toolbar + Globalbuttonlist
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.table-iconbar {
  font-size: 11px;
  height: 26px;
  border: none;
  background: #ccc url("../../img/ui-sprite.png") repeat-x 0 -14px;
  padding: 2px 6px;
  margin-bottom: 3px;
  box-shadow: 0 2px 1px -1px #aaa;
}

div.table-iconbar div.tableitem {
  float: left;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-right: 3px !important;
  padding: 4px;
  width: auto;
  height: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

div.table-iconbar div.tableitem:hover {
  border-color: #bbb;
  background-color: #ddd;
  text-decoration: none;
}

div.table-iconbar div.tableitem input,
div.table-iconbar div.tableitem img {
  margin: 0 !important;
  vertical-align: top;
}

div.table-iconbar div.tableitem a {
  display: block;
}


div.table-iconbar .suggestionsinput {
  float:left;
  width:150px;
  margin:4px 4px 0 0;
}

div.table-iconbar .suggestions{
  visibility:hidden;
  background: #F3F3F4;
  display:block;
  left:5px;
  position:absolute;
  top:25px;
  z-index:99999 !important;
  width: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

div.table-iconbar .suggestionwrapper{
  position:relative;
}

div.table-iconbar div.{
  background-color:red;
}

/* Tablebar: Ausklappmenü, globalbuttonlist
   ----------------------------------------*/

div.table-iconbar div.hassubmenu {
  position: relative;
  float: left;
  padding-right: 14px !important;
  width: auto;
  cursor: hand; /* IE6 */
  cursor: pointer;
  background: url("../../img/submenu.png") no-repeat right 3px center;
  display: block;
}

div.table-iconbar div.hassubmenu:hover ul,
div.table-iconbar div.hassubmenu:active ul {
  display: block;
}

div.table-iconbar div.hassubmenu ul,
div.table-iconbar div.suggestions ul  {
  position: absolute;
  z-index: 99999 !important;
  width: auto;
  top: 23px;
  left: -1px;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  border: 1px solid #aaa;
  background-color: #f3f3f4;
  box-shadow: #ddd 1px 1px 1px;
}

div.table-iconbar div.suggestions ul {
  position: static;
  display: block;
  min-width: 152px;
}

div.table-iconbar div.hassubmenu ul li.menuentry {
  padding-left: 20px;
  padding-right: 10px;
}

div.table-iconbar div.hassubmenu ul li.empty {
  padding-left: 20px;
  padding-right: 10px;
  cursor: pointer !important;
}

div.table-iconbar div.hassubmenu ul li input.inputlink {
  background-color: #f3f3f4;
  border: none;
  cursor: hand; /* IE6 */
  cursor: pointer;
  font-size: 11px;
  padding: 4px 8px;
  text-align: left;
  /* min-width:100px;  wegen IE auskomentiert. Die Breite wird automatisch angepasst*/
}

div.table-iconbar div.hassubmenu ul li a,
div.table-iconbar div.suggestions ul li a {
  float: none !important; /* float im Untermenü verhindern */
  display: block;
  border: none;
  padding: 4px 8px;
  white-space: nowrap;
  text-decoration: none;
  background-image: none !important;
  background-color: #f3f3f4;
  text-align: left !important;
  font-size: 11px;
}

div.table-iconbar div.hassubmenu ul li:hover a,
div.table-iconbar div.hassubmenu ul li:active a,
div.table-iconbar div.suggestions ul li:hover a,
div.table-iconbar div.suggestions ul li:active a,
div.table-iconbar div.hassubmenu ul li:hover input.inputlink,
div.table-iconbar div.hassubmenu ul li:active input.inputlink,
.menubar div.globalbuttonlist ul li:hover input.inputlink,
.menubar div.globalbuttonlist ul li:active input.inputlink {
  background-color: #d9d9d9;
}

div.templatecomponent.foldinglist div.table-iconbar a img {
  margin: 3px 5px 3px 0;
}

/* Tablebar: Deaktivierte Buttons
   ------------------------------*/

div.table-iconbar div.disabled,
div.table-iconbar div.disabled:hover,
div.table-iconbar div.disabledTablemenu,
div.table-iconbar div.disabledTablemenu:hover {
  cursor: default;
  border-color: transparent;
  background-color: transparent;
  opacity: 0.25;
}

/* Abstand des Extended-Pfeil zurücksetzen */
div.table-iconbar div.disabledTablemenu {
  padding-right: 4px;
}

/* Ausklappmenü wird bei deaktivieren Button nicht angezeigt */
div.table-iconbar div.disabledTablemenu:hover ul {
  display: none;
}


/* Tablebar: Input-Button
   -----------------------*/

/* Zurücksetzen der tablebar-Formatierungen für ein Ausklappmenü aus Input-Buttons */
div.table-iconbar input.inputlink {
  float: none;
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

a.table-button-inline {
  display:inline-block;
  margin:-2px 4px;
  padding:3px 6px;
  vertical-align:1px;
  line-height:16px;
  font-size: 12px;
  color:#009682 !important;
  border:solid 1px #009682 !important;
  border-radius:2px;
  white-space:nowrap;
}
a.table-button-inline img {
  margin-right:4px;
  vertical-align:-4px !important;
}
a.table-button-inline:hover {
  background-color:#009682;
  text-decoration:none !important;
  color:#fff !important;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  30. Tab-Navigation

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.tabbar {
  margin:16px -14px 24px;
  background:linear-gradient(0deg,#eee,#fff);
}

.tabbar .tab-wrapper {
  display:inline-block;
  padding:0 14px;
  min-width:100%;
  box-sizing:border-box;
  border-bottom:solid 1px #aaa;
}

/* Alle Tabs */
.tabbar .tab {
  display:inline-block;
  margin:3px 4px 0 0;
  padding:8px 20px;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  color:#333;
  cursor:arrow;
}

/* Inaktiver Tab: hover */
.tabbar .tab:not(.tab-disabled):not(.tab-active):hover {
  border-bottom:solid 3px #009682;
  padding-bottom:5px;
  cursor:pointer;
}

/* Aktiver Tab */
.tabbar .tab-active,
.tabbar .tab-active:hover {
  background:#fff;
  color:#000;
  font-weight:bold;
  text-decoration:none;
  border-left:solid 1px #aaa;
  border-right:solid 1px #aaa;
  border-top:solid 3px #009682;
  padding:8px 19px 9px;
  margin-top:0;
  margin-bottom:-1px;
  cursor:default;
}

/* Deaktivierter Tab */
.tabbar .tab-disabled,
.tabbar .tab-disabled:hover {
  color:#999;
  cursor:default;
}

/* Special */
.tabbar #tab-abstract,
.tabbar #tab-specific {
  float:right;
  padding-left:0;
  padding-right:0;
}

/* 31. Breadcrumb */

.breadcrumb {
  font-size:13px;
  list-style:none;
  margin:0 0 6px;
  padding:0;
  display:flex;
}
.breadcrumb li {
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  list-style:none;
}
.breadcrumb li:before {
  content:"\25B6\FE0E"; /* FE0E = render 25B6 as text, not as emoji */
  color:#009682;
  width:auto;
  margin:0;
  padding:0 8px;
  font-size:0.8em;
  vertical-align:0.1em;
}
.breadcrumb li:first-child:before {
  display:none;
}
.breadcrumb li:first-child /*,
.breadcrumb li:last-child */ {
  flex-shrink:0;
}
.breadcrumb a {
  text-decoration:none;
}
.breadcrumb a:hover {
  text-decoration:underline;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  40. Templatebausteine

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.ajaxloader {
  background:#fff url("../../../shared/img/ajax_load.gif") no-repeat center center;
  width:auto;
  height:30px;
  border:0;
}
.templatecomponent {
  margin-bottom:36px;
}
.formcomponent {
  margin-bottom:24px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  50. Tabellentypen (Datenvisualisierung)

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

table .sort-column {
  white-space: nowrap;
  width: 50px;
}

.table-caption {
  position:relative;
  white-space:nowrap;
  margin:1px 0 1px;
  background-color:#999;
  padding:8px 10px;
  color:#fff;
  font-size:inherit;
  font-weight:bold;
  text-align:left;
}
.collapsible-open > .table-caption,
.collapsible-close > .table-caption {
  cursor:pointer;
  padding-left:30px;
}
.collapsible-open > .table-caption:hover,
.collapsible-close > .table-caption:hover {
  background-color:#888;
}
.collapsible-open > .table-caption:before,
.collapsible-close > .table-caption:before {
  position:absolute;
  display:block;
  left:6px;
  width:20px;
  height:20px;
  font-family:"FontAwesome";
  font-weight:bold;
  font-size:12px;
  line-height:20px;
  content:"\f054";
  text-align:center;
  transition:.5s;
}
.collapsible-open > .table-caption:before {
  transform:rotate(90deg);
}
.collapsible-close > .table-caption:hover:before {
  transform:scale(1.5);
}
.collapsible-open > .table-caption:hover:before {
  transform:rotate(90deg) scale(1.5);
}
.collapsible-close > div {
  display:none;
}

.table-container {
  overflow-x:auto;
  overflow-y:hidden;
}

.emptylist {
  padding:8px 10px;
  color:#666;
  background-color:#ccc;
  text-align:center;
  font-weight:bold;
}

h2.toggleblock,
h2.toggleblockosf {
  position:relative;
  cursor:pointer;
  text-align:center;
  margin-top:20px;
  margin-bottom:12px;
}

h2.toggleblock:before,
h2.toggleblockosf:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  z-index:-1;
  border-top:dotted 1px #999;
}

h2.toggleblock span,
h2.toggleblockosf span {
  background-color:#fff;
  margin-right:calc(100% - 390px);
  padding:0 4px;
}

h2.toggleblock:hover {
  text-decoration: underline;
}

h2.toggle_open {
  /*background-image: url(../../../shared/img/tree_arrow_open.png);*/
}

div .emptyTable {
  background: #d9d9d9;
  padding: 6px;
  font-style: italic;
}

table tbody tr.even {
  background-color: #e5e5e5;
}

table tbody tr.odd {
  background-color: #ffffff;
}


.displayTable,
table.DEBUG_3 {
   width: 70%;
}





/* 5010. listview-Tabelle
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

.listview {
  width: 100%;
  border-collapse: collapse;
}
.listview .table-iconbar {
  border: none; /* Toolbar in Tabelle */
}
.listview .nowrap {
  white-space: nowrap !important;
}
.listview .minwidth {
  width:1px;
  white-space: nowrap !important;
}
.fixedwidth50 {
  width: 50x;
}
.fixedWidth60 {
  width: 60px;
}
.fixedwidth120 {
  width: 120px;
}
.fixedwidth150 {
  width: 150px;
}
.fixedwidth170 {
  width: 170px;
}
.fixedwidth300 {
  width: 300px;
}
.fixedwidth324 {
  width: 324px;
}
.collapsible-spacer {
  margin-left: 25px;
}


/* tablehead
 -----------*/

/* Alte Tabelle (V3-Style)*/
.listview .tablehead th,
.listview .tablehead td,
.listview thead th {
  vertical-align:top;
  padding:8px 10px 8px 0;
  text-align:left;
  font-weight:bold;
  color:#666;
  background-color:#ccc;
  white-space:nowrap;
}
.listview .tablehead th:first-child,
.listview .tablehead td:first-child,
.listview thead th:first-child {
  padding-left:10px;
}
.listview .tablehead .sort {
  display:inline-block;
  vertical-align:-3px;
  margin-left:4px;
  position:relative;
  width:13px;
  height:15px;
  overflow:hidden;
}
.listview .tablehead .sort-up,
.listview .tablehead .sort-down {
  position:absolute;
  left:0;
  width:13px;
  height:7px;
  border:none;
  border-radius:0;
  padding:0;
  margin:0;
  background-color:transparent;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:13px auto;
  opacity:0;
}
.listview .tablehead th:hover .sort-up,
.listview .tablehead th:hover .sort-down {
  opacity:.66;
}
.listview .tablehead .sort-up {
  top:0;
  background-image: url("../../img/sort_up.png");
}
.listview .tablehead .sort-up.sort-active,
.listview .tablehead .sort-up:hover {
  opacity:.66;
  background-image: url("../../img/sort_up_filled.png");
}
.listview .tablehead .sort-down {
  top:8px;
  background-image: url("../../img/sort_down.png");
}
.listview .tablehead .sort-down.sort-active,
.listview .tablehead .sort-down:hover {
  opacity:.66;
  background-image: url("../../img/sort_down_filled.png");
}

.listview .comparetable-h2 {
  font: bold 16px "Trebuchet MS",Arial,sans-serif;
}

/* tablecontent
 -------------*/

/* Alte Tabelle (V3-Style)*/
.listview .tablecontent td,
.listview tbody td {
  white-space:normal;
  vertical-align:top;
  padding:8px 10px 8px 0;
}
.listview .tablecontent td:first-child,
.listview tbody td:first-child {
  padding-left:10px;
}
/* Alte Tabelle (V3-Style): Zeilenhervorhebung, klickbare Zeile */
/*
.listview .tablecontent tr:hover td,
.listview tr:hover td {
  background-color: #e0eeef;
}
*/
.listview .tablecontent .odd.transient {
  background: #e5e5e5;
}

.listview .tablecontent .even.transient {
  background: #ffffff;
}


/* tablecontent: Feldinhalte allgemein
 -------------------------------------*/

/* Alte Tabelle (V3-Style)*/
.listview .tablecontent td a,
.listview tbody td a {
  text-decoration: none;
}

/* Alte Tabelle (V3-Style)*/
.listview .tablecontent a:hover,
.listview .tablecontent a:focus,
.listview .tablecontent a:active,
 .listview tbody a:hover {
  text-decoration: underline;
}

.listview .tablecontent th a.info {
  background: url("../../img/info.png");
  margin-left: -25px;
  padding-bottom: 4px;
}

.listview .tablecontent th a.info:hover {
  background: url("../../img/info_hover.png");
}

.listview .tablecontent th a.link {
  background: url("../img/neu.png") no-repeat;
}

.listview .tablecontent .error,
.listview .tablecontent .error span {
  color: #cf0000;
  font-weight: bold;
  width: 400px;
}

.hierarchy .icon,
.listview .icon {
  text-align: center !important;
  width: 16px;
}

.listview .icon input {
  padding: 0;
  margin: 0;
}

.listview .tablehead img,
.listview .tablecontent img {
  vertical-align: top;
}
/* tablecontent: Feldinhalte speziell
 -----------------------------------*/

.listview .comment td,
.listview .comment a {
  font-style: italic;
}

.listview .caption td,
.listview .tablecontent .tablecaption td,
.listview .tablecontent .tablecaption:hover td,
.listview .caption a {
  font-weight:bold;
  padding:16px 0 6px;
  color:#666;
  background-color:#fff;
  border-bottom:solid 1px #aaa;
}

.listview .overtimeexercise td,
.listview .overtimeexercise td a,
.listview .overtimeexercise td a:hover {
  color: #cf0000;
}

.listview .tablecontent p,
.listview .tablecontent ul,
.listview .tablecontent ol {
  display: block;
  /*line-height: 1.2em;*/
  margin-bottom: 5px;
}

.listview .tablecontent li {
  margin-left: 25px;
}

/*.listview .tablecontent .boolean {
  text-align: center;
  padding: 3px 5px;
}*/


.listview .tablecontent .number {
  text-align: right;
}

 /* Verschiedene Status der Feldinhalte
 --------------------------------------*/

.disabled td {
  color:#999;
  cursor:auto;
}

.deleted td,
.deleted td a,
.deleted td label,
.signedoff td a,
.signedoff td label {
  color:#999;
}

.listview .signedoff td a:hover,
.listview .deleted td a:hover {
  color:999;
}

.listview td.missing a {
  color: #cf0000;
}

.listview .credited td,
.listview .credited td a {
  color: #009522;
}

.listview .banned td,
.listview .banned td a {
  color: #cf0000;
  font-style: italic;
}

.listview .banned td a:hover {
  color: #888;
  font-style: italic;
}

.listview tr.failureApp td.app:after,
.listview span.failureApp:after,
.appointment div.failureApp:after,
.tablelegend .failureApp:before {
  content:"\ff0a";
  color:#c00;
  font-weight:900;
}

.listview .unconfirmed td,
.listview .unconfirmed td span,
.listview .unconfirmed td a {
  color:#cf0000 !important;
  font-style:italic;
}

.acceptedOriginal .acceptedOriginal a,
.acceptedCollision .acceptedCollision a {
  background: url("../../../shared/img/redstar_9.png") no-repeat right center;
  padding-right: 12px;
  padding-top: 5px;
}

/*
 * Formularelemente
 */
table .sorterror input.inputThreeDigits {
  border: 1px solid #cf0000;
  background-color: #ffcfcf;
}

table input.rearrangeall {
  width: auto;
}

/*
 * Legende
 */
.tablelegend {
  margin-top: 10px;
}



/* 5020. Vergleichstabelle
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

.comparisonTable {
  width: 800px;
}

.comparisonTable .tablecontent td {
  padding-left: 20px;
}

.comparisonTable .subheadline td {
  padding: 3px 0 3px 10px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
  background-color: #f3f3f4;
}

.comparisonTable .defaultValue td {
  background-color: #e0eeef;
}

.comparisonTable .textCell td {
  padding-bottom: 10px;
}

.comparisonTable .textCell .actionCell {
  padding-top: 10px;
  text-align: right;
  vertical-align: top;
  width: 121px;
}

.comparisonTable .textCell .textArea {
  padding-left: 3px;
  padding-top: 10px;
}

.actionButton {
  width: 40px;
}

.divTabFake {
  margin-top: 0px;
}


/* 5030. Hierarchische Tabellen: hierarchy + treelist
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.hierarchy {
  width: 100%;
  min-width: 300px;
  color: #333;
  border-collapse: collapse;
}
.hierarchy th,
.hierarchy td {
  padding:8px 10px 8px 0;
}
.hierarchy th:first-child,
.hierarchy td:first-child {
  padding-left:10px;
}
.hierarchy thead th,
.hierarchy thead td,
.hierarchy .tablehead th,
.hierarchy .tablehead td {
  vertical-align:top;
  text-align:left;
  font-weight:bold;
  color:#666;
  background-color:#ccc;
  white-space:nowrap;
}

.hierarchy td div.text {
  padding-left: 16px;
}

.hierarchy tr.boldtext td div{
  font-weight:bold;
}

.folding-button-cell {
  position:relative;
  padding-left:4px !important;
  padding-right:2px !important;
  width:24px;
  min-width:24px;
  vertical-align:top;
}

.folding-button {
  display:none;
}
.folding-open .folding-button,
.folding-close .folding-button,
.folding-all-open .folding-button,
.folding-all-close .folding-button {
  font-family:"FontAwesome";
  font-weight:bold;
  position:absolute;
  display:block;
  width:24px;
  height:20px;
  font-size:12px;
  line-height:20px;
  text-align:center;
  transition:.5s;
  cursor:pointer;
}
.folding-open .folding-button:before,
.folding-close .folding-button:before {
  content:"\f054";
}
.folding-all-open .folding-button:before,
.folding-all-close .folding-button:before {
  content:"\f054\f054";
  letter-spacing:-3px;
  text-indent:-3px;
  display:inline-block;
}
.folding-open .folding-button,
.folding-all-open .folding-button {
  transform:rotate(90deg);
}
.folding-close .folding-button:hover,
.folding-all-close .folding-button:hover {
  transform:scale(1.5);
}
.folding-open .folding-button:hover,
.folding-all-open .folding-button:hover {
  transform:rotate(90deg) scale(1.5);
}

.foldingelement_loading:before {
  content:"\f110";
  animation:fa-spin 2s linear infinite;
}


.hierarchy td img {
  vertical-align: top;
}

/*
 * Farbschema
 */
.hierarchy tbody a {
  color: #333;
  text-decoration: none;
}

.hierarchy tbody a:hover {
  color: #333;
  text-decoration: underline;
}


.hierarchy td {
  border-top:1px solid #fff;
}

.hierarchy tr:hover td,
.hierarchy tr.hover td {
  background-color:#e0eeef !important;
}

.hierarchy tr.current td {
  background-color:#e0eeef !important;
  font-weight:bold;
}

/* row coloring */
.hierarchy .hierarchy0 td {
  border-color:#fff;
  background-color:#c3dedf;
}
.hierarchy .hierarchy1 td {
  border-color:#fff;
  background-color:#d8d8d8;
}
.hierarchy .hierarchy2 td {
  border-color:#fff;
  background-color:#e5e5e5;
}
.hierarchy .hierarchy3 td {
  border-color:#fff;
  background-color:#f0f0f0;
}
.hierarchy .hierarchy4 td,
.hierarchy .hierarchy5 td,
.hierarchy .hierarchy6 td,
.hierarchy .hierarchy7 td {
  border-color:#e5e5e5;
  background-color:#fff;
}
.hierarchy .hierarchy3 + .hierarchy4 td {
  border-color:#fff;
}

/* row coloring for product tree */
.hierarchy .product td {
  border-color:#fff;
  background-color:#d8d8d8;
}
.hierarchy .field td {
  border-color:#fff;
  background-color:#e5e5e5;
}
.hierarchy .module td {
  border-color:#fff;
  background-color:#f0f0f0;
}
.hierarchy .brick td {
  border-color:#e5e5e5;
  background-color:#fff;
}
.hierarchy .module + .brick td {
  border-color:#fff;
}
.hierarchy .grade td,
.hierarchy .registration td {
  border-top:none;
  padding-top:0;
  padding-left:0;
}

/* Einrückung */
.hierarchy .hierarchy0 .indented,
.hierarchy .hierarchy1 .indented  {
  padding-left:0;      
}                      
.hierarchy .hierarchy2 .indented  {
  padding-left:18px;   
}                      
.hierarchy .hierarchy3 .indented  {
  padding-left:36px;   
}                      
.hierarchy .hierarchy4 .indented  {
  padding-left:54px;   
}                      
.hierarchy .hierarchy5 .indented  {
  padding-left:72px;   
}                      
.hierarchy .hierarchy6 .indented  {
  padding-left:90px;   
}                      
.hierarchy .hierarchy7 .indented  {
  padding-left:108px;
}

.hierarchy .hierarchy2 .folding-button {
  left:22px;                       
}                                          
.hierarchy .hierarchy3 .folding-button {
  left:40px;                       
}                                          
.hierarchy .hierarchy4 .folding-button {
  left:58px;                       
}                                          
.hierarchy .hierarchy5 .folding-button {
  left:76px;                       
}                                          
.hierarchy .hierarchy6 .folding-button {
  left:94px;                       
}                                          
.hierarchy .hierarchy7 .folding-button {
  left:112px;
}


table.listview tr.collapsible.even td{
  border-top:solid 1px #fff;
}
table.listview tr.collapsible.odd td {
  border-top:solid 1px #d0d0d0;
}
table.listview tr.collapsible td:first-child {
  border-top:none !important;
  padding-left:0;
}
table.listview tr.collapsible td:nth-child(2) {
  padding-left:16px;
}

.listview.collapsiblelist .tablecontent .collapsible:hover td {
  background: none; /* Äußeren Tabellenzeilen-Hover (Ebene1) überschreiben */
}

.listview.collapsiblelist .tablecontent table.collapsible tr:hover td {
  background: #e0eeef;
}

/*
 * Content
 */
.listview.collapsiblelist .tablecontent table.collapsible ul {
  list-style-type: none;
  margin: 5px 0 5px 40px;
  padding: 0;
}

.listview.collapsiblelist .tablecontent table.collapsible ul li {
  margin: 0;
  padding: 2px 0;
}

.listview.collapsiblelist .tablecontent table.collapsible .date {
  color: #000;
}

.listview.collapsiblelist .tablecontent table.collapsible .comment,
.listview.collapsiblelist .tablecontent table.collapsible .links a {
  color: #999;
}


 /* 5050. Kollisionstabelle: (collisionEdit.asp)
  +++++++++++++++++++++++++++++++++++++++++++*/

.collisionTable {
  margin-top: 30px;
}

.collisionTable,
.collisionTable .eventTable {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
}

.collisionTable td {
  padding: 0;
}

.collisionTable a {
  text-decoration: none;
}

.collisionTable a:hover {
  text-decoration: underline;
}

.collisionTable .ctLeftCol,
.collisionTable .ctRightCol {
  width: 50%;
}

.collisionTable .ctEvent .ctColSpace {
  background: #fff;
}

.collisionTable .ctEvent td {
  background: #e0eeef;
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
}

.collisionTable .ctEventSpacer td {
  padding: 8px;
  height: 16px; /* IE */
}

.collisionTable .ctHeadline td {
  padding: 5px 3px;
  background-color: #d9d9d9;
}

.collisionTable .ctCollisionList td {
  vertical-align: top;
}

.collisionTable .ctListSpacer td {
  padding: 7px;
  height: 14px; /* IE */
}

.collisionTable .eventTable {
  border: 1px dotted #bbb;
  border-top: none;
}

.collisionTable .eventTable td {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 5px;
}

.collisionTable .eventTable .event {
  padding-left: 24px;
}

.collisionTable .eventTable .highlight {
  color: #cf0000;
  font-weight: bold;
}

table.collisionTable .eventTable .deleteEvent {
  text-align: center;
  width: 30px;
}


 /* 5060. Gridtabelle: getAllocationTree.asp)
  +++++++++++++++++++++++++++++++++++++++++*/

.grid {
  border-collapse: collapse
}

.grid th {
  padding: 3px 5px;
  background-color: #d9d9d9;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
}

.grid td {
  padding: 5px;
}

.grid .hierarchy4 td {

}

/* Alte Tabelle (V3-Style) */
.grid tr:hover td {
  background: #e0eeef;
}

.grid .default {

}

.grid .hierarchy2 .default {
  background: #ccc url("../../img/ui-sprite.png") repeat-x 0 -65px;
  color: #202020;
}

.grid .hierarchy3 .default {
  background-color: #ddd !important;
}

.grid .hierarchy5 .default {
  background: #bbb;
  color: #101010;
}

.formelement {
  margin: 5px;
}

.formelement td {
  padding: 2px;
}

.formelement .headline{
  background: #ccc url("../../img/ui-sprite.png") repeat-x 0 -65px;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}

.formelement .grid {
  border: 1px solid #bbb;
  margin: 0;
}

.formelement .grid .default {
  padding: 4px 5px;
  white-space: nowrap;
  background: #d9d9d9 url("../../img/ui-sprite.png") repeat-x 0 -65px;
  text-align: left;
}

.formelement .grid .blue2 {
  background-color: #fff;
}

.formelement .grid .blue1 {
  background-color: #f3f3f4;
}

/* 5065. Produkthierarchie (VA)
  --------------------------------------------------*/

div.specificproductinfo {
  min-width:360px;
  float:right;
}

@media only screen and (max-width:760px) {
  div.specificproductinfo {
    min-width:inherit;
    float:none;
  }
}

div.va {
  clear:both;
}

.va .hierarchy {
  width: 100%;
  text-align: left;
}


.va .hierarchy tr a.error {
  font-weight: bold;
  color: #cf0000;
}


/*
 * VA Status
 */

.status {
  display:inline;
}
.status:before {
  display:inline-block;
  font-family:"FontAwesome";
  font-weight:900;
  line-height:16px;
  text-align:center;
  width:16px;
}
.status-notstarted:before,
.status-started:before,
.status-notpassed:before,
.status-passed:before {
  font-size:16px;
  background-color:#fff;
  border-radius:100%;
}
.status-notstarted:before {
  content:"\f059";
  color:#007bff;
}
.status-started:before {
  content:"\f06a";
  color:#ffc107;
}
.status-notpassed:before {
  content:"\f057";
  color:#dc3545;
}
.status-passed:before {
  content:"\f058";
  color:#28a745;
}
.status-failed:before {
  content:"\f00d";
  color:#dc3545;
}
.status-yes:before,
.status-true:before {
  content:"\f00c";
  color:#28a745;
}
.status-no:before {
  content:"\f00d";
  color:#dc3545;
}
.status-false:before {
  content:"\f068";
  color:#dc3545;
}
.status-warning:before {
  content:"\f12a";
  color:#ffc107;
}

.element .hint {
  margin-top:6px;
  margin-bottom:-8px;
  font-size:12px;
  color:#888;
}

table .notconfirmed,
table .hasdesiredposition,
table .isnotpassed,
table .hashardship,
table .hasobjection,
table .isparticipation {
  width: 16px;
  height: 16px;
  border: 0;
  background-color: transparent;
}

/* benötigt von table-icon-konstrukt */
table.hierarchy table tbody {
  background-color: transparent !important;
}

table.hierarchy table td {
  border: none !important;
}

table .isnotparticipation {
  width: 16px;
  height: 16px;
  border: 0;
}

table .notconfirmed {
  background: url("../../../shared/img/hourglass_16.png") no-repeat bottom;
}

table .hasdesiredposition {
  background: url("../../../shared/img/verschieben_16.png") no-repeat bottom;
}

table .isnotpassed {
  background: url("../../../shared/img/final_fail_16.png") no-repeat bottom;
}

table .hashardship {
  background: url("../../../shared/img/hardship_case_16.png") no-repeat bottom;
}

table .hasobjection {
  background: url("../../../shared/img/protest_16.png") no-repeat bottom;
}

table .isparticipation {
  background: url("../../../shared/img/true.png") no-repeat center bottom;
}

table .isnotparticipation {
  background: url("../../../shared/img/false.png") no-repeat center bottom;
}

.va .hierarchy .hascompulsoryelective {
  font-weight: bold;
}

.va .hierarchy .hascompulsoryelective div.text a {
  color: #333 !important;
}

/* 5070. Aktionen im Tabellenkopf
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

table .tablehead .headItem {
  border: 1px solid transparent;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  cursor: hand; /* IE6 */
  cursor: pointer;
}

table .tablehead .mod_foldingelement {
  border: 1px solid transparent;
}

table .tablehead .headItem:hover,
table .tablehead .mod_foldingelement:hover {
  background-color: #ccc !important;
  border-color: #bbb;
}


/* 5080. Pagination
  ++++++++++++++++++++++++++++++++++++++++++++++++++*/

.pagination {
  background-color:#c0c0c0;
  color:#666;
  padding:8px 10px;
  margin:1px 0;
  display:flex;
  justify-content:space-between;
}
.pagination button:not(.ui-datepicker-trigger) {
  height:22px;
  margin:-2px 2px;
  padding:0 8px;
  border:none;
  background-color:#ccc;
  color:#666;
  box-sizing:border-box;
}
.pagination button.first,
.pagination button.prev,
.pagination button.next,
.pagination button.last {
  width:30px;
}
.pagination button.first:before,
.pagination button.prev:before,
.pagination button.next:before,
.pagination button.last:before {
  font-family:"FontAwesome";
  font-weight:900;
  font-size:12px;
  display:inline-block;
  letter-spacing:-2px;
  text-indent:-2px;
}
.pagination button.first:before {
  content:"\f053\f060";
}
.pagination button.prev:before {
  content:"\f060";
}
.pagination button.next:before {
  content:"\f061";
}
.pagination button.last:before {
  content:"\f061\f054";
}
.pagination button.selected {
  background:linear-gradient(#eee,#d9d9d9);
  color:#000;
}

.pagination button:enabled:hover {
  background-color:#d9d9d9;
  color:#333;
}
.pagination button:disabled {
  opacity:.25;
}

.pagination input,
.pagination select {
  height:22px;
  margin:-2px 2px;
  border:none;
  color:#333;
  background-color:#fff;
  box-sizing:border-box;
}
.pagination select {
  padding:0 20px 0 6px;
  background-position:center right 6px;
  background-size:9px;
}
.pagination input.gotopage {
  text-align:center;
  width:30px !important;
}
.pagination input.gotodate {
  width:108px !important;
  margin-right:0;
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  60. Kalender (verschiedene Ansichten)

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
 * Kalender | Toolbar (vor, zurück, Heute, Datum, etc.)
 */
.calendarConfig {
  margin-bottom: 15px;
}

.calendarConfig td {
  padding: 0 !important;
}

.calendarConfig .button {
  margin-right: 6px;

}

.timetable br {
  height: 10px;
}

/*
 * Kalender | Legende
 */
.colorkey {
  border-collapse: separate;
  width: auto;
}

.colorkey td {
  padding: 7px;
  border: 1px solid #aaa;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  70. Formularseiten

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

th.right,
td.right {
  text-align:right !important;
}

th.center,
td.center {
  text-align:center !important;
}

.formcomponent .field {
  display:flex;
  width:100%;
  min-height:17px;
  margin-bottom:16px;
}
.formcomponent .field .label {
  width:150px;
  margin-right:8px;
  flex-shrink:0;
  color:#888;
  font-weight:bold;
  text-align:right;
  hyphens: auto;
}
.formcomponent .field .element {
  flex-grow:1;
  min-width:0; /* required by flexbox magic... */
}
.formcomponent .field .element input:not([type=checkbox]):not([type=radio]),
.formcomponent .field .element textarea,
.formcomponent .field .element select,
.formcomponent .field .element button {
  margin:-3px 0;
  vertical-align:top;
}
.formcomponent .field .element input[type=checkbox],
.formcomponent .field .element input[type=radio] {
  margin:0 6px 0 0;
  vertical-align:-1px;
}
.formcomponent .field .element img {
  vertical-align:top;
}
.formcomponent .field .element a {
  color:#009682;
}
.formcomponent .field .element a.extLink {
  /* TODO */
}
.formcomponent .field .element a:not([href]) {
  color:#ccc;
  text-decoration:none;
  pointer-events:none;
  cursor:default;
}
.formcomponent .field .element div.osf {
  margin-bottom:.5em;
}
.formcomponent .field .element div.osf-specificname {
  margin-top:10px;
  margin-bottom:2px;
  font-size:12px;
  font-weight:bold;
  color:#808080;
}
.formcomponent .field .element div.osf-specificvalue {
  margin-left:20px;
}
.formcomponent .field .element div.osf-notice {
  font-size:12px;
  font-style:italic;
  color:#808080;
}
.formcomponent .formelements span.hint,
.formcomponent .displayfields span.hint {
  display: block;
  font-weight: normal;
}

/* label bei 2 nebeneinanderliegenden Spalten nochmal absetzen */
.formcomponent .formelements .label.extracolumn,
.formcomponent .displayfields .label.extracolumn {
  padding-left: 50px;
}
.formcomponent .displayfields .element.editable:hover,
.formcomponent .displayfields .element.editing {
  background: url("../../img/edit_16.png") no-repeat;
}
.formcomponent .formelements .element input[type="checkbox"] {
  margin-left: 0;
}
.formcomponent .displayfields .element .inlineedit {
  width: 200px;
}
.formcomponent .element .validationFailed {
  background: #ffe2e2;
}
.formcomponent .element .validationPassed {
  background: #e1ffdc;
}
.formcomponent .formelements .element.cb input,
.formcomponent .formelements .element.radio input {
  margin-top: 0;
}
/* toggle der Bitfelder */
.formcomponent .displayfields .element:hover .toggle {
  padding-left: 18px;
  margin-left: -18px;
  background: url("../../img/editable_link.png") no-repeat;
}
.formcomponent .tablecellImageWrap {
  float: left;
  margin-right: 5px;
}
.formcomponent .infoText {
  padding-left: 23spx;
  width: 90%;
}
.formcomponent .formelements .radio input,
.formcomponent .formelements .cb input {
  width: auto;
  margin-right: 20px;
  border: none;
}
.formcomponent .formelements .radio input:hover,
.formcomponent .formelements .cb input:hover {
  background: transparent;
}
/* Datumsfeld mit JS-Kalender-Bild */
.formcomponent .formelements .date input,
.formcomponent .formelements .date.mandatory input {
  width: 150px;
  float: left;
}
.templatecomponent .listview .multiapplication td,
.templatecomponent .listview .multiapplication a {
  font-style: italic;
  font-weight: bold;
}
.formcomponent fieldset {
  border: 0 solid #000;
}
.formcomponent fieldset .fieldrow {
  clear: both;
  padding-top: 10px;
}
.formcomponent fieldset input.cb,
.formcomponent fieldset input.rb {
  width: auto;
  border: none;
  margin-top: 5px;
}
.formcomponent fieldset .fieldrow label,
.formcomponent fieldset .fieldrow span {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
  font-weight: bold;
  padding-top: 5px;
  padding-right: 10px;
}
/* wrapper für checkboxen und radiobuttons. so können mehrere in einer Zeile stehen */
.formcomponent fieldset .fieldrow div.input {
  float: left;
  padding-top: 1px;
}
.formcomponent fieldset .fieldrow div.input label {
  display: inline;
  text-align: left;
  float: none;
  padding-right: 0;
  font-weight: normal;
  width: auto;
}
.formcomponent fieldset .fieldrow div.input input {
  width: auto;
  border: none;
  margin-right: 20px;
  margin-left: 10px;
}
.formcomponent table .customFormTable {
  padding: 0;
  border: 0;
  margin: 0;
}
.formcomponent table .customFormTable td {
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 5px;
}
/* Wrapper für Labels von Checkboxen: Füge rechten Abstand ein, damit mehrere nebeneinander stehen können */
label.checkbox {
  margin-right: 8px;
}
/* Wrapper für Text zwischen zwei Input-Feldern in einer Zeile */
span.middletext {
  margin: 0 5px;
}
/* Wrapper für Text zwischen zwei Input-Feldern in einer Zeile */
.tdnopaddingleft {
  padding-left: 0;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  080. Übersichtsseiten

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* 8010. Visitenkarte
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.callingcard {
  background:#eee;
  padding:20px;
  max-width:600px;
  box-shadow:0 4px 2px -2px #ccc;
  margin-bottom:20px;
  /*border-radius:4px;*/
  border-left:solid 5px #aaa;
}

.callingcard:after {
  content:"";
  display:block;
  clear:both;
}

.callingcard h4 {
  margin-bottom:1em;
}

.callingcard input {
  width:440px;
}

.callingcard .formcomponent {
  float:left;
  margin-bottom:0;
}

.callingcard .formcomponent .field .label {
  width:70px;
  text-align:left;
}

.callingcard .formcomponent .field .element {
  margin-left:80px;
}

.callingcard .framedImageWrap {
  position:relative;
  float:left;
  margin-right:20px;
}

.callingcard .framedImage {
  /*border: 5px solid #aaa;*/
}

.callingcard .editImageWrap {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 2px;
  border: 1px solid #ccc;
  background: #ddd;
  opacity: 0.5;
  cursor: pointer;
}

.callingcard .editImageWrap:hover {
  opacity: 1;
}


/* 8020. Sucheinstellungen
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*
 * Select-Element mit Icons
 */
.filter .condition select {
  width: 43px;
  padding-left: 20px;
  text-indent: 0;
}

.webkit .filter .condition select {
  text-indent: 20px;
}

.filter .condition option {
  padding-left: 25px;
  background-position: 1px 0;
}

.filter .background-eq {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-gleich.png") left center no-repeat;
}

.filter .background-neq {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-ungleich.png") left center no-repeat;
}

.filter .background-gt {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-groesser-als.png") left center no-repeat;
}

.filter .background-gte {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-groesser-als-oder-gleich.png") left center no-repeat;
}

.filter .background-lt {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-kleiner-als.png") left center no-repeat;
}

.filter .background-lte {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-kleiner-als-oder-gleich.png") left center no-repeat;
}

.filter .background-like {
  background: #f3f3f4 url("../../../shared/img/extended-search/enthaelt.png") left center no-repeat;
}

.filter .background-nlike {
  background: #f3f3f4 url("../../../shared/img/extended-search/enthaelt-nicht.png") left center no-repeat;
}

.filter .background-left {
  background: #f3f3f4 url("../../../shared/img/extended-search/beginnt-mit.png") left center no-repeat;
}

.filter .background-nleft {
  background: #f3f3f4 url("../../../shared/img/extended-search/beginnt-nicht-mit.png") left center no-repeat;
}

.filter .background-right {
  background: #f3f3f4 url("../../../shared/img/extended-search/endet-mit.png") left center no-repeat;
}

.filter .background-nright {
  background: #f3f3f4 url("../../../shared/img/extended-search/endet-nicht-mit.png") left center no-repeat;
}

.filter .background-eq:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-gleich-hover.png") left center no-repeat;
}

.filter .background-neq:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-ungleich-hover.png") left center no-repeat;
}

.filter .background-gt:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-groesser-als-hover.png") left center no-repeat;
}

.filter .background-gte:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-groesser-als-oder-gleich-hover.png") left center no-repeat;
}

.filter .background-lt:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-kleiner-als-hover.png") left center no-repeat;
}

.filter .background-lte:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/ist-kleiner-als-oder-gleich-hover.png") left center no-repeat;
}

.filter .background-like:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/enthaelt-hover.png") left center no-repeat;
}

.filter .background-nlike:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/enthaelt-nicht-hover.png") left center no-repeat;
}

.filter .background-left:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/beginnt-mit-hover.png") left center no-repeat;
}

.filter .background-nleft:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/beginnt-nicht-mit-hover.png") left center no-repeat;
}

.filter .background-right:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/endet-mit-hover.png") left center no-repeat;
}

.filter .background-nright:hover {
  background: #f3f3f4 url("../../../shared/img/extended-search/endet-nicht-mit-hover.png") left center no-repeat;
}


/* 8030. Links, Tooltips, Flyouts
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a.info,
a.link {
  padding-left: 18px;
  background: url("../../img/neu.png") no-repeat;
}

.newoptions .close {
  background-color: #ccc;
}

.newoptions li a:hover {
  color: #009682;
  text-decoration: underline;
}

h1 a.info {
  background-position: 0 7px;
}

h2 a.new,
h2 a.info {
  padding-left: 0;
  padding-bottom: 5px;
  background-position: 0 5px;
}

/*
 * Edit-Links
 */
a.edit {
  background: url("../../img/edit.png");
}

a.edit:hover {
  background: url("../../img/edit_hover.png");
}

a.link {
  background: url("../../img/link.png");
}

a.link:hover {
  background: url("../../img/link_hover.png");
}

/*
 * Tooltip für Formularvalidierung
 */
#formhint {
  position: absolute;
  z-index: 1000;
  background: url("../../img/hint.png") no-repeat;
  padding-left: 10px;
  max-width: 250px;
}

#formhint div {
  background-color: #fff;
  padding: 5px 5px 5px 7px;
  border: 1px solid #a5acb2;
  border-left: 0 solid #000;
}

/*
 * Tooltip für einzelne Label bzw. für Hilfe im Seitenkontext.
 */

.field .label .tooltip {
  display:none;
}

.field .label .tooltip + span {
  border-bottom:dashed 1px #080;
  color:#080;
}



.field .label:hover .tooltip,
span.help-page-wrap:hover span.tooltip {
  display:block !important;
  position:absolute;
  z-index:1000;
  color:#666;
  text-align:left;
  border:1px solid #999;
  background-color: #ffe;
  padding:5px;
  margin-top:16px;
  max-width:300px;
  font-weight:normal;
  box-shadow:0px 2px 2px -1px #ccc;
}

span.help-page-wrap:hover span.tooltip {
  right: 0px;
}

span.help-page-wrap {
  float: right;
}

.infoicon {
  vertical-align: middle;
}

/* span.help-label-wrap span.tooltip, */
span.help-page-wrap span.tooltip {
  display: block;
}

span.help-label-wrap {
  white-space: nowrap;
}

span.help-label-wrap span.tooltip,
span.help-label-wrap span.label-wrap {
  white-space: normal;
}

img.help-icon {
  vertical-align: middle;
  padding-right: 3px;
}


 /* 8040. DIV-Overlay-Menüs
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.blankdiv,
.newoptions,
.newoptionsactivator,
.optionsmenu {
  border: 0 !important;
}

.newoptions {
  display: none;
  position: absolute;
  background: #fff;
}

.newoptions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
 }

.newoptions li {
  padding: 5px 10px;
  border: 1px solid #aaa;
  border-top: none;
  background: #fff;
  text-align: left;
}

.newoptions li:hover {
  background-color: #f3f3f4;
}

.newoptions li a {
  color: #333;
  font-size: 11px;
  margin-bottom: 0;
  border: 0;
}

.newoptions .close {
  margin: 0 !important;
  padding: 2px;
  border: 1px solid #aaa;
  text-align: right;
  background-color: #d9d9d9;
}

td.element .mandatorywrapper {
  border-left: 3px solid #cf0000;
  display:block;
}

 /* 8050. Wizard-Dialog
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.wizardContainer {
  padding: 20px 0;
}

.wizardWithoutNavigation {
  padding-bottom: 60px;
}

div.buttons input,
.wizardNavigation input {
  margin-right: 5px;
}

ul.wizard {
  padding: 10px 0;
  font-weight: bold;
}

ul.wizard .step {
  margin-right: 10px;
  padding: 0 10px;
  border: 1px solid #000;
  display: inline;
}


 /* 0806. Wizard-Dialog
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.personFilter input[type="text"],
.eventList input[type="text"] {
  width: 132px;
}

.linklist .personFilter,
.linklist .eventList {
  border: 0px solid #bbb;
  margin: 0 0 30px;
  background: #f3f3f4;
}

.linklist .personFilter .filtertype td,
.linklist .eventList .filtertype td {
  background: #d9d9d9 url("../../img/tabelle_verlauf.png") repeat-x scroll left center;
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #bbb;
}

.linklist .listFilter,
.linklist .personFilter,
.linklist .eventList {
  width: auto;
}

.linklist .listFilter td,
.linklist .personFilter td,
.linklist .eventList td {
  padding: 4px 6px;
  line-height: 25px;
}

.linklist .listFilter br,
.linklist .personFilter br,
.linklist .eventList br {
  margin: 0;
  padding: 0;
  border: 0;
}

.listview .headerimage {
  display: block;
  width: 40px;
  height: 40px;
}

.listview .error td,
.listview .error a {
  color: #cf0000;
}

.linklist .searchButton input {
  width: 160px;
}

.searchButton .search,
.searchButton select,
.listFilter select,
.personFilter select,
.eventList select {
  width: auto;
}

.filtertype select {
  margin: 0;
}

.listFilter select,
.personFilter select,
.eventList input {
  margin: 0 6px;
}

.listFilter td input,
.personFilter td input,
.eventList td input {
  width: 70px;
}

.listFilter th,
.personFilter th,
.eventList th {
  background: #009522;
  font-size: 11px;
  /*letter-spacing: 1px;
  line-height: 1.2em;*/
  text-align: left;
  color: #fff;
}

.extendedControl {
  width: 450px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  90. Suchformulare: Erweiterte Suche, Verknüpfungssuche

  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


div.searchfield {
  margin-bottom: 30px;
  font-size: 13px;
}

tr.searchfield {
  height: 30px;
}

div.extended-search {
  position:absolute;
  top:37px;
  left:0;
  right:0;
  z-index:10;
  margin:0 2px;
  padding:8px;
  background:#eee;
  box-shadow: 0 3px 2px -2px #aaa;
}

div.searchfield input#search {
  margin: 0;
}

div.searchfield input,
div.searchfield select {
  margin-right: 5px;
}

div.searchfield select {
  width: auto;
}

.extended-search .search {
  margin-left: 66px;
}

.extended-search-table-changer {
  margin-bottom: 20px;
}

.extended-search-table-changer select {
  margin-left: 5px;
}

/*.extended-search div.extended-search {
  margin-bottom: 5px;
}
*/

.extended-search td {
  padding: 1px 1.5px;
}

.extended-search .highlight {
  color: #f00;
}

.extended-search select.field {
  width: 240px;
}

.main-search-object,
.linked-search-objects {
  margin-bottom: 25px;
  border: 1px solid #bbb;
}

.linked-search-objects {
  background-color: #f3f3f4;
}

.main-search-object {
  border: none;
}

.linked-search-objects .fold {
  margin: 0;
  padding: 5px;
  background: #d9d9d9 url("../../img/tabelle_verlauf.gif") repeat-x scroll left top;
}

.linked-search-objects .fold a {
  padding: 0 8px 0 4px;
}

.main-search-object,
.linked-search-objects div {
  padding: 5px 7px;
}

.linked-search-objects .fold {
  background: #d9d9d9;
  border: 1px solid #bbb;
  font-weight: bold;
}

.linked-search-objects .fold .linktype-select {
  float: right;
}

.main-search-object .extended-search {
  margin-bottom: 0;
  padding: 0;
}

.linked-search-objects .extended-search {
  margin-bottom: 0;
  padding: 15px 5px 20px;
  border: 1px solid #bbb;
  border-top: none;
  background-color: #fff;
}

select.autofield,
.listview select.field {
  width: 40px;
  margin-right: 6px;
  margin-left: 3px;
}

select.autofield {
  width: auto;
}

.extended-search .value,
.extended-search .value input,
.extended-search .value select {
  width: 160px;
}

.extended-search .and-or select {
  width: 55px;
}

.extended-search button {
  width: 28px;
  height: 21px;
  margin: 0;
}

.extended-search .add-filter img,
.extended-search .remove-filter img {
  width: 12px;
  height: 12px;
}

.gecko .extended-search button img {
  margin-top: -2px;
}

.webkit .extended-search button img {
  margin-top: 2px;
}

/*
 * Suche im fixen Seitenkopf
 */
#addidtional_conditions {
  vertical-align: bottom;
}

#addidtional_conditions_button {
  display: inline;
  margin-top: 4px;
}

#hidebutton {
  margin-left: 8px;
}

.formelements .italicFont {
  font-style: italic;
}

.floatRight {
  float: right;
}

.signoffperiod {
  color: #cf0000;
  font-style: italic;
}

/*
 * Styles für Rechenansichten - Summenzeile
 */
.sum-label {
  display:inline-block;
  vertical-align:1px;
  border:solid 1px #aaa;
  font-size:13px;
  font-weight:bold;
  padding-left:10px;
  margin-left:10px;
  background-color:#aaa;
  color:#fff;
  text-align:center; /* gibt saubere Ränder */
}
h2.tablecaption .sum-label {
  margin-top:-2px;
  margin-bottom:-2px;
}
.sum-label .sum {
  display:inline-block;
  font-weight:bold;
  padding:1px 10px 1px 10px;
  margin-left:10px;
}
.sum-label .sum-complete {
  background-color:#dfffe3;
  color:#009712;
}
.sum-label .sum-incomplete {
  background-color:#fff2cf;
  color:#cc8601;
}
.sum-label .sum-invalid {
  background-color:#ffcfcf;
  color:#cf0000;
}
.sum-label .sum-info {
  background-color:#ecf5ff;
  color:#38599a;
}
.sum-label .sum:before {
  display:inline-block;
  width:14px;
  font-family:"FontAwesome";
  font-weight:900;
  font-size:14px;
  vertical-align:-1px;
  margin-right:8px;
}
.sum-label .sum-complete:before {
  content:"\f00c";
}
.sum-label .sum-incomplete:before {
  content:"\f12a";
}
.sum-label .sum-invalid:before {
  content:"\f00d";
}
.sum-label .sum-info:before {
  content:"\f129";
}

td.infolocked a{
  background: url("../../../shared/img/denied_9.gif") no-repeat scroll right center transparent;
  padding-right: 15px;
}

.hidden{
 visibility:hidden;
}

/*
 * Tooltip für einzelne Label
 */
span.tooltip-label-wrap:hover span.tooltip {
  display: block !important;
  position: absolute;
  z-index: 1000;
  color: #777777;
  text-align: left;
  border: 1px solid #777777;
  background-color: #ffffff;
  padding: 5px;
  margin-top: 16px;
  max-width: 400px;
  white-space: pre-wrap;
}

.placeholder {
    color: #AAAAAA;
}

.definedbrick span,
.preselectedonlyone span,
.preselectedtheoldest span {
  background: url("../../../shared/img/sort_down_active_10.png") no-repeat right center;
  padding: 0 12px 0 0;
}
a.preselectedonlyone  {
  background: url("../../../shared/img/bluestar_9.png") no-repeat right center;
  padding: 0 15px 0 0;
}

a.preselectedtheoldest  {
  background: url("../../../shared/img/greenstar_9.png") no-repeat right center;
  padding: 0 15px 0 0;
}

td.ajaxload{
  background: url("../../../shared/img/ajax_load.gif") no-repeat center;
  padding: 0 15px 0 0;
}

.popupeditor {
  float: right;
}

textarea.noResize {
  resize:none;
}

.choosebrick .level1 td{
  padding-left: 20px;
}

.choosebrick .level2 td{
  padding-left: 40px;
}

.choosebrick .level3 td{
  padding-left: 60px;
}

a.selected {
  font-weight: bold;
}

td.width15{
  width: 15%;
}


div.unvisible{
 display: none;
}

/* Zweispaltiges Layout innerhalb Tabansicht */
 .col-wrapper {
  min-width: 600px;
}

.column {
  float: left;
  width: 49%;
}

div.templatecomponent div.messageBar {
  padding:5px 10px 5px 40px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border: 0px;
  background-color: transparent;
}

.messageBar.info {
  color: #00529B;
  background-image:url('../../../shared/img/info_16.png');
}

a.elearning-link {
  font-weight:bold;
  margin-right:20px;
}
a.elearning-link.notfound {
  color:#999;
}
a.elearning-link.wait {
  background:url(../../img/ajax_load_tiny.gif) no-repeat left center;
  padding-left:14px;
  color:#999;
}
a.elearning-link:before,
a.campusplan-link:before {
  font-family:"FontAwesome";
  font-size:16px;
  font-weight:900;
  line-height:16px;
  vertical-align:-2px;
  color:#009682;
  text-decoration:none;
  display:inline-block;
  margin-right:6px;
}
td.icon a.elearning-link,
td.icon a.elearning-link:before {
  margin-right:0;
}
a.elearning-link-inline:before,
a.campusplan-link:before {
  color:#009682;
  margin-left:4px;
  margin-right:0;
}
a.elearning-link-ilias:before {
  content:"\f51c";
}
a.elearning-link-recording:before {
  content:"\f03d";
}
a.elearning-link-translator:before {
  content:"\f4ad";
}
a.campusplan-link:before {
  content:"\f5a0";
}

table td a.workspace-link,
table td a.register-link,
table td a.unregister-link  {
  background-position:top left;
  background-repeat:no-repeat;
  width:16px;
  height:16px;
  display:inline-block;
  vertical-align:top;
  margin-left:4px;
}
table td a.register-link {
  background-image:url(../../img/clipboard_plus.png);
}
table td a.unregister-link {
  background-image:url(../../img/clipboard_minus.png);
}

.autoresize {
  display: block;
  resize: none;
  word-break: break-all;
  overflow: hidden;
  width:100%;
  max-width:480px;
  height:17px;
  box-sizing:border-box;
}

a.extlink:after {
  font-family:"FontAwesome";
  font-weight:900;
  content:" \f35d";
  white-space:nowrap;
  font-size:70%;
  vertical-align:10%;
  text-decoration:none !important;
}

.download.file-pdf {
  display:inline-block;
  background:url(../../img/document_pdf.png) no-repeat top left;
  padding-left:20px;
}

span.path-divider:before {
  content:"\25B6\FE0E"; /* FE0E = render 25B6 as text, not as emoji */
  color:#009682;
  font-size:.8em;
  vertical-align:1px;
  padding:0 8px;
}

span.badge {
  display:inline-block;
  background-color:#999;
  color:#fff;
  font-weight:bold;
  font-style:normal;
  padding:0 8px;
  min-width:16px;
  text-align:center;
  border-radius:10px;
}

.deleted span.badge {
  background-color:#ccc;
}

button.nobutton {
  border:none;
  padding:0;
  margin:0;
  background:transparent;
  vertical-align:top;
  cursor:hand;
  cursor:pointer;
}

.serverinfo {
  position:absolute;
  top:0;
  right:0;
  font-size:9px;
  color:#eee;
  z-index:-1;
}

.search-term {
  margin-top:6px;
}
.search-term .close {
  display:inline-block;
  vertical-align:top;
  width:16px;
  height:16px;
  background:url(../../img/closeme_32.png) no-repeat top left;
  background-size:16px 16px;
  margin-left:4px;
  opacity:.5;
  cursor:pointer;
}
.search-term .close:hover {
  opacity:1;
}

/* jQuery UI */
.ui-widget {
  font-family:inherit;
  font-size:inherit;
}
.ui-widget-content {
  background:#fff;
  border:solid 1px #aaa;
  box-shadow:0 0 4px 2px #0003
}
.ui-autocomplete {
  max-height:400px;
  width:auto !important;
  overflow-x:hidden;
  overflow-y:scroll;
}
.ui-autocomplete-loading {
  background:url(../../img/ajax_load_24.gif) no-repeat top 4px right 4px;
  background-size:12px 12px;
}
.ui-menu .ui-menu-item {
  border:none;
  border-top:solid 1px #eee;
  padding:2px 8px;
}
.ui-menu .ui-menu-item:hover,
.ui-menu .ui-menu-item.ui-state-focus {
  margin:0;
  border:none;
  border-top:solid 1px #eee;
  font-weight:normal;
  background:#009682;
  color:#fff;
}
.ui-menu .ui-menu-item:before,
.ui-menu .ui-menu-item:after {
  content:"";
}
.ui-menu .ui-menu-item:first-child {
  border-top:none;
}
.ui-datepicker {
  width:236px;
  padding:0;
  border:solid 2px #fff;
  z-index:100 !important;
}
.ui-datepicker .ui-datepicker-header {
  margin:0;
  margin-bottom:4px;
  background-color:#c0c0c0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top:3px !important;
  width:30px;
  height:22px;
  line-height:22px;
  border:none;
  border-radius:2px;
  background:#ccc;
  color:#666;
  text-align:center;
  overflow:hidden;
  cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev {
  left:3px !important;
}
.ui-datepicker .ui-datepicker-next {
  right:3px !important;
}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
  font-family:"FontAwesome";
  font-weight:900;
  font-size:12px;
}
.ui-datepicker .ui-datepicker-prev:before {
  content:"\f053";
}
.ui-datepicker .ui-datepicker-next:before {
  content:"\f054";
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  text-decoration:none !important;
  background-color:#d9d9d9;
  color:#333;
}
.ui-datepicker .ui-datepicker-title {
  font-weight:bold;
  line-height:22px;
}
.ui-datepicker th {
  font-weight:normal;
  padding:0;
  font-size:10px;
}
.ui-datepicker-calendar td {
  width:24px;
}
.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a {
  text-align:center;
  background-color:#ddd;
  border:solid 1px transparent;
  color:#333;
  height:21px;
  line-height:21px;
  cursor:hand;
}
.ui-datepicker-calendar td.ui-datepicker-week-col {
  font-size:10px;
  width:14px;
  text-align:center;
}
.ui-datepicker-calendar td.ui-datepicker-holiday a {
  background-color:#fcc
}
.ui-datepicker-calendar td.ui-datepicker-today a {
  background-color:#ccf;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable span {
  color:#ccc;
  background-color:#fff;
}
.ui-datepicker-calendar td.ui-datepicker-other-month a {
  color:#aaa;
  border-color:#aaa;
  background-color:#fff;
}
.ui-datepicker-calendar td a.ui-state-hover {
  color:#fff;
  border-color:#009682;
  background-color:#009682;
}
.ui-datepicker-calendar td a.ui-state-active {
  font-weight:bold;
}
.ui-datepicker-trigger {
  font-family:"FontAwesome";
  font-size:16px;
  font-weight:400;
  color:#009682;
  background:transparent;
  width:22px;
  height:22px;
  line-height:22px;
  margin-left:-22px !important;
  margin-right:4px !important;
  vertical-align:-1px !important;
  border:0;
  padding:0;
  text-align:center;
}

/* Voraussetungen */
.prerequisite {
  padding-left:22px;
}
.prerequisite li {
  margin-top:6px;
}
.prerequisite-ok {
  background:url(../../img/status_yes.png) top left no-repeat;
  padding-left:20px;
}
.prerequisite-nok {
  background:url(../../img/status_no.png) top left no-repeat;
  padding-left:20px;
}

.reginfo {
  font-size:10px;
}
.regstatus {
  font-weight:bold;
  border-radius:10px;
  color:#555;
  background-color:#5552;
  padding:0 8px;
  display:inline-block;
}
.regstatus-registered {
  color:#090;
  background-color:#0902;
}
.regstatus-unregistered {
  color:#c00;
  background-color:#c002;
}
.regstatus-completed {
  color:#009;
  background-color:#0092;
}

.context-navigation {
  float:right;
  margin:0 0 0 8px;
  color:#666;
  display:flex;
  gap:6px;
}
.context-navigation-prev,
.context-navigation-next,
.context-navigation-select-container {
  display:block;
  height:30px;
  box-sizing:border-box;
  background-color:#eee;
  border-radius:2px;
  font-size:13px;
  line-height:30px;
  position:relative;
  overflow:hidden;
}
.context-navigation-prev,
.context-navigation-next {
  width:30px;
  text-align:center;
  text-decoration:none !important;
}
.context-navigation-select-container {
  padding:0 10px;
}
.context-navigation-prev:before,
.context-navigation-next:before,
.context-navigation-select-container:after {
  font-family:"FontAwesome";
  font-weight:900;
  font-size:12px;
}
.context-navigation-prev:before {
  content:"\f060";  /* icon: fa-chevron-left */
}
.context-navigation-next:before {
  content:"\f061";  /* icon: fa-chevron-right */
}
.context-navigation-select-container:after {
  content:" \f107";  /* icon: fa-angel-down */
}
.context-navigation-prev[href]:hover,
.context-navigation-next[href]:hover,
.context-navigation-select-container:hover {
  background-color:#ddd;
  color:#000 !important;
  cursor:pointer;
}
.context-navigation-prev:not([href]),
.context-navigation-next:not([href]) {
  border-color:#f0f0f0;
  color:#ccc !important;;
  cursor:default;
}

#context-navigation-select {
  border:none;
  background:transparent;
  color:transparent;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  appearance:none;
  height:30px;
  padding:0 6px;
}
#context-navigation-select option {
  color:#000;
}

/* MagicSuggest styles */
.ms-ctn {
  width:95%;
  margin:-3px 0;
  position:relative;
}
.ms-helper {
  font-size:12px;
  position:absolute;
  top:calc(100% + 2px);
  left:-2px;
  right:-2px;
  z-index:300;
  background:#009682;
  color:#fff;
  padding:0 3px;
}
.ms-sel-ctn {
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  border:solid 1px #a9a9a9;
  padding:2px;
  max-height:94px;
  overflow-y:auto;
  cursor:text;
}
.ms-ctn-focus .ms-sel-ctn {
  outline:solid 2px #009682;
}
.ms-sel-item {
  background:#e0e0e0;
  border-radius:2px;
  margin:0;
  padding:0 6px;
  min-width:0;
  max-width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ms-close-btn {
  float:right;
  padding-left:4px;
  color:#999;
  cursor:pointer;
}
.ms-close-btn:hover {
  color:#333;
}
.ms-close-btn:before {
  font-family:"FontAwesome";
  font-size:12px;
  font-weight:900;
  content:"\f00d"
}
.ms-sel-ctn input {
  border:none;
  outline:none !important;
  background:transparent;
  padding:0 !important;
  margin:2px !important;
}
.ms-res-ctn {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:100;
  max-height:212px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#fff;
  border:solid 1px #aaa;
  box-shadow:0 2px 2px 0 #000a;
}
.ms-res-item {
  padding:2px 6px;
  border-bottom:solid 1px #aaa;
  cursor:pointer;
}
.ms-res-item em {
  font-weight:bold;
  font-style:normal;
}
.ms-res-item-active {
  background:#009682;
  color:#fff;
}