/*
* Merke: Es heißt nicht "nobreak" sondern "nowrap", insbes. "text-nowrap" (bei Bootstrap)
*/

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* title input label unterstichen */
label[title], span[title] {
  /* der untersteicht das ganze DIV ohne Ränder 
  border-bottom: 1px dotted;
  */
  text-decoration-line: underline;
  text-decoration-style: dotted;
}
/* könnte 50% vom DIV untersteichen - aber links? 
  label [title]:after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
  max-width: 250px;
  height: 1px;
  width: 100%;
  border-bottom: 1px dotted;
  margin: 0 auto;
}
*/

/* Set width on the form input elements since they're 100% wide by default */
input {
  max-width: 20em;
}
textarea {
  max-width: 40em;
}

select {
  max-width: 20em;
}

.w-10em {
  max-width: 10em !important;
}

.w-15em {
  max-width: 15em !important;
}

.w-20em {
  max-width: 20em !important;
}

.w-30em {
  max-width: 30em !important;
}

.w-40em {
  max-width: 40em !important;
}

.w-50em {
  max-width: 50em !important;
}

.w-60em {
  max-width: 60em !important;
}

.w-ignore {
  max-width: inherit;
}

.navbar ul > li:not(.active) {
  background-color: #ccccff; /* neues Farbschema */
  margin: 2px;
}

.navbar ul > li.active {
  margin: 2px;
}

.dropdown-menu {
  padding: 0;
}

/* fixed butto-width wd. dropdown */
.hit-button-width {
  width: 100% !important;
  text-align: left;
  border: 0;
}

table.fixed {
  table-layout: fixed;
}

th.fixed30, td.fixed30 {
  width: 30px;
}

th.fixed50, td.fixed50 {
  width: 50px;
}


.hit-header-row {
}

.hit-header-col {
  /*
  background-color: mistyrose;
  display: inline-block;
  vertical-align: middle !important;
  min-height: 70px;
*/
}

.talign-right {
  text-align: right;
}

.talign-center {
  text-align: center;
}


.hit-align-top {
  vertical-align: text-top;
}

/* siehe auch form-control-hit-checkbox */
.hit-vcenter {
  display: inline-block;
  vertical-align: middle !important;
  /*float: none;*/
}

.hit-rfloat {
  display: inline-block;
  float: right;
}

.hit-fleft {
  display: inline-block;
  float: left;
}

.hit-fnone {
  display: inline-block;
  clear: both;
}


.hit-news-row {
  display: table;
  width: 100%;
}

.hit-news-numcol {
  display: table-cell;
  padding: 3px;
  width: 1%;
  color: grey;
  font-size: x-small;
  text-align: right;
}

.hit-news-content {
  display: table-cell;
  padding: 3px;
  width: 99%;
}

.hit-news-content-src {
  color: grey;
  font-size: smaller;
  text-align: right;
}

.hit-appver {
  font-family: "Lucida Console","Consolas",monospace;
  font-size: x-small;
  color: grey;
  text-align: right;
  padding: 0;
  margin: 0;
}

.rest-appver {
    font-size: x-small;
    color: grey;
    padding: 0 0 0.5em 0;
    margin: 0;
}

.hit-fussnote {
 font-size: 80%;
 color:black;
}

.form-control-hit-tab {
  vertical-align: text-top;
}

  /* 28.12.2023 analog form-control-hit-editor  */
  .form-control-hit-tab[disabled],
  .form-control-hit-tab[readonly],
  fieldset[disabled] .form-control-hit-tab {
    background-color: #eeeeee;
    opacity: 1;
  }

  .form-control-hit-tab[disabled],
  fieldset[disabled] .form-control-hit-tab {
    cursor: not-allowed;
  }


.form-control-hit-checkbox {
  vertical-align: middle;
  padding: 6px 12px;
}

.nowrap {
  white-space: nowrap !important;
}

.width-50em {
  width: 50em;
}

/* Logos */
.hit-logo {
  margin: 2px 0 0 0;
  max-height: 50px; /* 80 ist zu hoch,bei xs */
}
/* TOTO weg .. 
.hit-logo {
  margin: 2px;
  height: 50px;
  width: 70px;
}
*/
.bmel-logo {
  margin: -16px;
  height: 50%;
}

.zid-logo {
  margin: 2px 0 0 0;
  max-height: 50px;
}

.hit-helplink-small, .hit-helplink-large {
  cursor: help;
  text-decoration:none !important;
}

a[id], a[name] {
  text-decoration: none;
}

a.hit-helplink-small:hover, a.hit-helplink-large:hover {
  background-color: transparent;
}

.dashboard-light {
  background-color: #f5f5f5;
}

.dashboard-grey {
  background-color: #aaaaaa;
}

.highlightRed {
  background-color: #FFE0E0;
}

.highlightGreen {
  background-color: #CCFFCC;
}

.highlightBlue {
  background-color: #E0E0FF;
}

.highlightYellow {
  background-color: #FFFFCC;
}

.highlightOrange {
  background-color: #FFE8CC;
}

.highlightLightGreen {
  background-color: #AFA;
}

.hit-si-green {
  background-color: #AFA;
}
.hit-si-yellow {
  background-color: #FFFFCC;
}
.hit-si-orange {
  background-color: #FFE8CC;
}
.hit-si-red {
  background-color: #FFE0E0;
}

/*==========  RS-Logos - Mobile First Method  ==========*/
.hit-right {
  position: absolute;
  right: 0px;
  top: 1.5rem;
}

  .hit-right a {
    display: inline-block;
    vertical-align: middle;
  }


#hit-rs-logo {
  margin: 1px;
  /*display: none;*/
  vertical-align: middle;
}
/*#hit-rs-logo:hover {
  background-color:white;
}*/

/* Custom, iPhone Retina  
@media only screen and (min-width : 320px) {}
*/
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  .hit-rs-logo {
    margin: 1px;
    display: inherit;
    height: auto;
    width: 40px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .hit-rs-logo {
    margin: 1px;
    display: inherit;
    height: auto;
    width: 45px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .hit-rs-logo {
    margin: 2px;
    display: inherit;
    height: auto;
    width: 60px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .hit-rs-logo {
    margin: 2px;
    display: inherit;
    height: 52px;
    width: auto;
  }
}

.hit-blueline-1 {
  width: 100%;
  height: 1px
}

.hit-blueline-2 {
  width: 100%;
  height: 2px
}

/** blue bullet list t/r/b/l**/
ul.hit-blue-bullet {
  list-style-image: url('../Images/bluebal1.gif');
}

  ul.hit-blue-bullet > li {
    padding: 1px 0 0 5px;
  }

    ul.hit-blue-bullet > li:first-child {
      padding: 0 0 0 5px;
    }

/** kleinere Ränder/Abstände, z.B. bei Menü-Überschriften **/
.hit-margin-10-5 {
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

.hit-margin-5-10 {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

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

.hit-margin-top-0 {
  margin-top: 0 !important;
}

.hit-margin-0 {
  margin: 0 !important;
}

.hit-margin-5 {
  margin: 5px !important;
}

.hit-margin-10 {
  margin: 10px !important;
}

.hit-margin-left-5 {
  margin-left: 5px !important;
}

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

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

.hit-daten-liste {
  /* border: 1px dotted; - macht Probleme */
  padding: 5px 0px 5px 0px;
}

.hit-einzel-bearbeiten {
  padding-left: 5px;
  white-space: nowrap;
}

.hit-padding-0 {
  padding: 0px !important;
}

.hit-padding-5 {
  padding: 5px !important;
}

/** speziell die suchbaren Menü-Items **/
.hit-menu-link {
  padding: 5px;
}

.hit-menu-notready {
  padding: 5px;
  background-color: #aaaaaa;
}

.hit-menu-v1 {
  background-color: lightgray;
}

.hit-menu-jump {
  background-color: lightcyan;
}

.hit-bg-header {
  background-color: #eeeeee;
}

.hit-bg-gueltig {
  background-color: white;
}

.hit-bg-storniert {
  background-color: #aaaaaa;
}

.hit-bg-ungueltig {
  background-color: #dddddd;
}

.hit-bg-offen {
  background-color: #ffdddd;
}

.hit-bg-minor {
  background-color: #e0e0e0;
}

.hit-bg-odd {
  /*background-color: #eeffee;    ZID ist grün ...*/
  background-color: #f0f0ff;
}

.hit-bg-even {
  background-color: white;
}

.hit-bg-lightgreen {
  background-color: #ccffcc;
}

.hit-bg-lightyellow {
  background-color: #ffffcc;
}

.hit-tam-grp-info {
  font-size: 0.6em;
  background-color: #e0e0e0;
}

.hit-tam-grp-dropdown {
  font-size: 0.6em;
}

.hit-beta {
    font-size: 1em !important;
    margin: 0px 0px 5px 5px !important;
    color: red !important;
    background-color: lightgoldenrodyellow !important;
}

.hit-ht-hinweis {
  color: blue !important;
  background-color: lightgoldenrodyellow !important;
  /*  background-color: #ffe0e0 !important; / #fee */
  border: 1px solid red;
  margin: 1em 0 !important;
  padding: 1em !important;
}

.hit-errorbox {
  font-size: 12pt;
  font-weight: bold;
  color: blue !important;
  background-color: #ffe0e0 !important;
  margin: 3em 0 !important;
  padding: 3em !important;
  text-align: center;
}

.hit-pants-off {
  font-size: 1.5em;
  /*color: goldenrod;*/
  padding: 0 0 0 5px;
}

.hit-menu-bommel {
  width: 8px;
  margin-bottom: 5px;
}

.hit-edit-status {
  margin-right: 5px;
}

/** font-awesome **/
.fas-aktion-1 { /* speziell für Zeilenaktion */
  color: white;
  margin-left: 2px;
  margin-right: 1px;
}

.fas-blue-1 {
  font-size: 1em;
  color: #23527c;
  margin-left: 2px;
  margin-right: 1px;
}

.fas-blue-1_5 {
  font-size: 1.5em;
  color: #23527c;
  margin: 6px 1px 6px 2px;
}

.fas-blue-2 {
  font-size: 2em;
  color: #23527c;
  margin: 6px 1px 6px 2px;
}

/** PageSearch **/
/* komplette Suchbox */
#sm_block {
  border: 1px dotted #a00;
  background-color: #fdd;
  margin: 0 2em;
  padding: 0.5em;
  white-space: nowrap;
}

#sm_block2 {
  border: 1px dotted #a00;
  background-color: #ffffdd;
  margin: 0 2em;
  padding: 0.5em;
  white-space: nowrap;
}

/* Ergebniszeile unterhalb Eingabefeld */
#sm_result {
  font-size: 70%;
  padding-top: 0.25em;
  color: #600;
}

/* Fundstelle - Link / Block */
.sm_fnd {
  background-color: #fcc;
}

.sm_fnd2 {
  background-color: #ffffcc;
}

/* BNR & Session & LOGOFF in Headline O/R/U/L ... */
.first_row_item {
  margin: 0px 10px 10px 10px;
  white-space: nowrap;
}

.force-width-auto {
  width: 100% !important;
}

.label-subtitle {
  font-size: 85%;
  font-weight: normal;
}

/* **************************************************************** */

/** Autocomplete **/
/* Styles for autocomplete feature */
.autocomplete-suggestions {
  border: 1px solid #99F;
  background: #FFF;
  overflow: auto;
  margin: 0 -5px;
}

.autocomplete-suggestion {
  padding: 1px 5px;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px dotted #99F;
}

.autocomplete-selected {
  background: #CCF;
}

.autocomplete-suggestions em {
  font-style: normal;
  color: #00F;
}

.autocomplete-suggestions .small {
  font-size: 80%;
}

.autocomplete-group {
  padding: 2px 5px;
}

  .autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
  }

/* **************************************************************** */
/* Margin and Padding helpers */
/*xs*/
.p-xs {
  padding: .25em !important;
}

.p-x-xs {
  padding: 0 .25em !important;
}

.p-y-xs {
  padding: .25em 0 !important;
}

.p-t-xs {
  padding-top: .25em !important;
}

.p-r-xs {
  padding-right: .25em !important;
}

.p-b-xs {
  padding-bottom: .25em !important;
}

.p-l-xs {
  padding-left: .25em !important;
}

.m-xs {
  margin: .25em !important;
}

.m-x-xs {
  margin: 0 .25em !important;
}

.m-y-xs {
  margin: .25em 0 !important;
}

.m-r-xs {
  margin-right: .25em !important;
}

.m-l-xs {
  margin-left: .25em !important;
}

.m-t-xs {
  margin-top: .25em !important;
}

.m-b-xs {
  margin-bottom: .25em !important;
}
/*sm*/
@media (min-width:768px) {
  .p-sm {
    padding: .5em !important;
  }

  .p-x-sm {
    padding: 0 .5em !important;
  }

  .p-y-sm {
    padding: .5em 0 !important;
  }

  .p-t-sm {
    padding-top: .5em !important;
  }

  .p-r-sm {
    padding-right: .5em !important;
  }

  .p-b-sm {
    padding-bottom: .5em !important;
  }

  .p-l-sm {
    padding-left: .5em !important;
  }

  .m-sm {
    margin: .5em !important;
  }

  .m-x-sm {
    margin: 0 .5em !important;
  }

  .m-y-sm {
    margin: .5em 0 !important;
  }

  .m-t-sm {
    margin-top: .5em !important;
  }

  .m-r-sm {
    margin-right: .5em !important;
  }

  .m-b-sm {
    margin-bottom: .5em !important;
  }

  .m-l-sm {
    margin-left: .5em !important;
  }
}
/*md*/
@media (min-width: 992px) {
  .p-md {
    padding: 1em !important;
  }

  .p-x-md {
    padding: 0 1em !important;
  }

  .p-y-md {
    padding: 1em 0 !important;
  }

  .p-t-md {
    padding-top: 1em !important;
  }

  .p-r-md {
    padding-right: 1em !important;
  }

  .p-b-md {
    padding-bottom: 1em !important;
  }

  .p-l-md {
    padding-left: 1em !important;
  }

  .m-md {
    margin: 1em !important;
  }

  .m-x-md {
    margin: 0 1em !important;
  }

  .m-y-md {
    margin: 1em 0 !important;
  }

  .m-t-md {
    margin-top: 1em !important;
  }

  .m-r-md {
    margin-right: 1em !important;
  }

  .m-b-md {
    margin-bottom: 1em !important;
  }

  .m-l-md {
    margin-left: 1em !important;
  }
}
/*lg*/
@media (min-width: 1200px) {
  .p-lg {
    padding: 1.5em !important;
  }

  .p-x-lg {
    padding: 0 1.5em !important;
  }

  .p-y-lg {
    padding: 1.5em 0 !important;
  }

  .p-t-lg {
    padding-top: 1.5em !important;
  }

  .p-r-lg {
    padding-right: 1.5em !important;
  }

  .p-b-lg {
    padding-bottom: 1.5em !important;
  }

  .p-l-lg {
    padding-left: 1.5em !important;
  }

  .m-lg {
    margin: 1.5em !important;
  }

  .m-x-lg {
    margin: 0 1.5em !important;
  }

  .m-y-lg {
    margin: 1.5em 0 !important;
  }

  .m-t-lg {
    margin-top: 1.5em !important;
  }

  .m-r-lg {
    margin-right: 1.5em !important;
  }

  .m-b-lg {
    margin-bottom: 1.5em !important;
  }

  .m-l-lg {
    margin-left: 1.5em !important;
  }
}
/*xl*/
.p-xl {
  padding: 3em !important;
}

.p-x-xl {
  padding: 0 3em !important;
}

.p-y-xl {
  padding: 3em 0 !important;
}

.p-t-xl {
  padding-top: 3em !important;
}

.p-r-xl {
  padding-right: 3em !important;
}

.p-b-xl {
  padding-bottom: 3em !important;
}

.p-l-xl {
  padding-left: 3em !important;
}

.m-xl {
  margin: 3em !important;
}

.m-x-xl {
  margin: 0 3em !important;
}

.m-y-xl {
  margin: 3em 0 !important;
}

.m-t-xl {
  margin-top: 3em !important;
}

.m-r-xl {
  margin-right: 3em !important;
}

.m-b-xl {
  margin-bottom: 3em !important;
}

.m-l-xl {
  margin-left: 3em !important;
}

/* glyphicon-size, geht auf für andere Elemnte */
.gi-02x {
  font-size: 0.2em !important;
}

.gi-03x {
  font-size: 0.3em !important;
}

.gi-05x {
  font-size: 0.5em !important;
}

.gi-1-5x {
  font-size: 1.5em !important;
}

.gi-2x {
  font-size: 2em !important;
}

.gi-3x {
  font-size: 3em !important;
}

.gi-4x {
  font-size: 4em !important;
}

.gi-5x {
  font-size: 5em !important;
}

/* **************************************************************** */
/* HIT Fehler */



.hit-fehler-summary, .hit-fehler-list, .validation-summary-errors, .field-validation-error {
  margin: 1em auto;
  padding: 6px;
  background-color: #F0F0FF;
  border: 1px #AAAAFF dotted;
  display: inline-block;
  /*max-width:60em;*/
}

.hit-fehler-list {
  margin-top: 0.33em;
}

.hit-fehler-item {
  padding: 0 0.25em;
}

.hit-ok {
}

.hit-hinweis {
  color: #0000ff !important;
}

.hit-nachfrage {
  color: #993300 !important;
}

.hit-fehler {
  color: #ff0000 !important;
}

.hit-bg-ok {
}

.hit-bg-hinweis {
  background-color: #ccccff !important;
}

.hit-bg-nachfrage {
  background-color: #ffeecc !important;
}

.hit-bg-fehler {
  background-color: #ffcccc !important;
}

.hit-color-hinweis {
  color: #ccccff !important;
}

.hit-color-nachfrage {
  color: #ffeecc !important;
}

.hit-color-fehler {
  color: red !important;
}

.hit-ampel-rot {
  background-color: red !important;
}

.hit-ampel-rot-mittel {
  background-color: #FF4444 !important;
}

.hit-ampel-rot-fahl {
  background-color: #FF9999 !important;
}

.hit-ampel-gelb-fahl {
  background-color: #FFFF99 !important;
}

.hit-ampel-gruen-fahl {
  background-color: #99FF99 !important;
}

.hit-ampel-weiß {
  background-color: white !important;
}


.hit-lb-ok {
}

.hit-lb-hinweis {
  border-left: 5px solid #0000ff;
}

.hit-lb-nachfrage {
  border-left: 5px solid #993300;
}

.hit-lb-fehler {
  border-left: 5px solid #ff0000;
}

.hit-fehler-list ul, .validation-summary-errors ul {
  margin: 0;
}

li.hit-ls-ok, li.hit-ls-hinweis, li.hit-ls-nachfrage, li.hit-ls-fehler, li.hit-ls-usage {
  padding-left: 20px; /* width of fehler.gif (16px) plus some space (4px) */
  list-style: none;
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: -40px;
}

li.hit-ls-ok, .hit-ls-ok li {
  background-image: url('hitsymbols/ok.gif');
}

li.hit-ls-hinweis, .hit-ls-hinweis li {
  background-image: url('hitsymbols/hinweis.gif');
}

li.hit-ls-nachfrage, .hit-ls-nachfrage li {
  background-image: url('hitsymbols/nachfrage.gif');
}

li.hit-ls-fehler, .hit-ls-fehler li {
  background-image: url('hitsymbols/fehler.gif');
}

li.hit-ls-usage, .hit-ls-usage li {
  background-image: url('hitsymbols/usage.gif');
}
/* urls are relative to this file */
.hit-clientval-summary {
  color: #ff0000;
}

/* The JS unobtrusive client validation classes */
.field-validation-valid, .validation-summary-valid {
  /* ist alles ok, ist's/wird's unsichtbar */
  display: none;
}

.field-validation-error {
  /* bekommt immer nur einen Eintrag, d.h. Symbol und Farbe reicht */
  color: #ff0000;
  background-image: url('hitsymbols/fehler.gif');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px; /* width of fehler.gif (16px) plus some space (4px) */
}

.validation-summary-errors li {
  /* nur die Listenelemente werden formatiert */
  padding-left: 20px; /* width of fehler.gif (16px) plus some space (4px) */
  list-style: none;
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: -40px;
  background-image: url('hitsymbols/fehler.gif');
}



/* **************************************************************** */

.hit-favorit, .hit-favmenu {
  cursor: pointer;
}

a[href].hit-favorit, a[href].hit-favmenu {
  text-decoration: none;
}

.hit-favorit.glyphicon, .hit-favorit-voll.glyphicon, .hit-favmenu.glyphicon, .hit-favmenu-voll.glyphicon {
  color: goldenrod !important; /* #79beee; neues Farbschema */
  margin: 0 1em !important;
}

.hit-favorit-fehler, .hit-favmenu-fehler {
  font-size: 65%;
}

.hit-mru-stats {
  color: grey;
  font-size: smaller;
}

.hit-invisible {
  display: none;
}

.hit-hidden-div {
  width: 0;
  overflow: hidden;
}

.hit-switch-hidden {
  display: none;
}

.hit-panenav {
  padding-bottom: 1px;
}

.hit-panebutton {
  border: none;
  border-radius: 0;
}

  .hit-panebutton.active {
    margin-bottom: -1px;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    background-color: white;
  }

.hit-checkbox-prefix {
  margin-right: 20px; /* um margin -20px der checkbox auszugleichen */
}

.hit-checkbox-head .checkbox {
  padding-top: 0; /* ?? Ausgleich für checkbos-cls in ..-cls */
}

.hit-checkbox-head .checkbox {
  padding-top: 0; /* ?? Ausgleich für checkbos-cls in ..-cls */
  text-align: center;
}

.hit-padding-left-0 {
  padding-left: 0 !important;
}

.hit-label-oben {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.mouse-pointer {
  cursor: pointer;
}

/* Klassen für hit-kompakt */
td.hit-kompaktable,
th.hit-kompaktable {
  width: auto;
  transition: width .5s, margin .5s;
}

.hit-kompakt-ein, .hit-kompakt-aus {
    font-size:10pt;
    white-space: nowrap;
    cursor:pointer;
}

/* use class to have a little animation */
.hit-kompakt-hide {
  width: 0px !important;
  height: 0px !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/*.panel-title {
  color: #456;
  font-size: 0.9em;
}*/

.panel-hit-max-width {
  max-width: 50em;
}

.camera-label {
  border: 1px solid #ccc;
  display: inline-block;
  cursor: pointer;
  padding: 0 5px 5px 5px;
}

.hit-kriterien-box {
  border: 1px dotted;
  padding: 5px;
}

.hit-datepicker-container {
  white-space: nowrap;
  display: inline;
}

.hit-datepicker-button {
  vertical-align: bottom;
  margin-left: 2px;
  margin-bottom: 1px;
  padding: 5px;
}


/* HZ: Tabelle nicht 100% */
.table-widthauto {
  width: auto !important;
}

/* TODO: irgend CSS */
.table-hit-index {
  width: auto !important;
}

.table-hit-index > thead > tr > th.lb, .table-hit-index > tbody > tr > th.lb, .table-hit-index > tfoot > tr > th.lb, 
.table-hit-index > thead > tr > td.lb, .table-hit-index > tbody > tr > td.lb, .table-hit-index > tfoot > tr > td.lb {
  border-left:1px dotted grey;
}
.table-hit-index > thead > tr > th.rb, .table-hit-index > tbody > tr > th.rb, .table-hit-index > tfoot > tr > th.rb, 
.table-hit-index > thead > tr > td.rb, .table-hit-index > tbody > tr > td.rb, .table-hit-index > tfoot > tr > td.rb {
  border-right:1px dotted grey;
}


/* Table with border ... see  table-bordered ? */
table.hit-result {
  border-collapse: collapse;
}

  table.hit-result th, table.hit-result td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }



table.border {
  border-collapse: collapse;
  border: 1px dotted grey;
}

  table.border th, table.border td {
    border: 1px dotted grey;
    margin: 0;
    padding: 3px 0.5em;
  }

    table.border th.noborder, table.border td.noborder {
      border: 0;
      margin: 0;
      padding: 3px 0.5em;
    }


table.noborder {
  border-collapse: collapse;
  border: 0;
}

  table.noborder th, table.noborder td {
    border: 0;
    margin: 0;
    padding: 3px 0.5em;
  }

    table.noborder th.border, table.noborder td.border {
      border: 1px dotted grey;
      margin: 0;
      padding: 3px 0.5em;
    }



.hit-minihtml-preview, .hit-minihtml-preview-hint {
  border: 1px grey dotted;
  font-size: smaller;
  background-color: #fff8f0;
  padding: 1em;
}

.hit-minihtml-preview-hint {
  color: grey;
  background-color: inherit;
  text-align: center;
  font-style: italic;
  white-space: pre-wrap; /* Zeilenumbruch "\n" _vor_ Formatieren vornehmen */
}

.hit-minihtml-preview > .header {
  color: blue;
  font-style: italic;
}

.hit-minihtml-error {
  border: 1px grey dotted;
  font-size: smaller;
  font-weight: bold;
  font-style: normal;
  color: red;
  background-color: #fff8f8;
  padding: 1em;
}

.hitcache {
  margin: 1em 0;
}

  .hitcache td, .hitcache th {
    padding: 0 0.25em;
  }

  .hitcache .header {
    background-color: #ddddff;
  }

  .hitcache .oddRow {
    background-color: #ffffff;
  }

  .hitcache .evenRow {
    background-color: #eeeeee;
  }

  .hitcache .command {
    font-family: "Lucida Console","Consolas",monospace;
    font-weight: bold;
    line-height: 1;
  }


  .hitcache .message {
    color: #666666;
    font-size: small;
    line-height: 1;
    margin-bottom: 2px;
  }

    .hitcache .command:hover, .hitcache .message:hover {
      background-color: #ddffdd;
    }


div.fd-preview {
  display: inline-block;
  width: 96px;
  height: 96px;
  background-image: url('../fotodb/preview/loading?squareSize=96');
}


div.hit-invisible-small {
  display: none;
  font-size: 85%;
}


hr.hit-hr-stil1 {
  border-top: 1px solid #8c8b8b;
}

hr.hit-hr-stil2 {
  border-top: 3px double #8c8b8b;
}

hr.hit-hr-stil3 {
  border-top: 1px dashed #8c8b8b;
}

hr.hit-hr-stil4 {
  border-top: 1px dotted #8c8b8b;
}

hr.hit-hr-stil5 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
}

/* Eingabefelder in Tabellen default schmäler */
.hit-edit-tabelle input {
  max-width: 10em;
}

/* select the Codeset Autocomplete class and shrink its size */
.hit-edit-tabelle [class*="hit-ac-codeset-"] {
  /*background-color:lightpink;*/
  max-width: 6em;
}

.hit-edit-tabelle .hit-datepicker {
  /*background-color: paleturquoise;*/
  max-width: 8em;
}

.hit-menu-aufbau {
    /*font-size: 80%;*/
    max-width: 66em;
    border-left: 5px solid grey;
    padding: 10px;
    color: black;
    background-color: #E3E3E3;
    /*
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    */
}
.hit-menu-hinweis {
  /*font-size: 80%;*/
  max-width: 66em;
  text-align: justify;
  border-left: 5px solid blue;
  padding: 10px;
  color: blue;
  background-color: #eef; 
  /*
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  */
}