@charset "UTF-8";
/* 2 blaugrau				Hintergrund: bodylogin1, buttontopsm 	*/
/* 25 wei� */
/* 9 hellgrau				Hintergrund: bodytop, buttontop, #menusub, #menusub ul.nav, #menusub ul.nav li 	*/
/* 9 hellgrau				Hintergrund: bodymenue, AbhaengigerWert, ausgabe-tab-row2, tr.even, tr.even td, tr.even td.sorting_1, table.report tr, .tpEven*/
/*							Schriftfarbe: .menufavorit, .favorit	*/
/* 38 schwarz*/
/* 13 dunkelblau			Schriftfarbe: A,A.normal,A:hover,.link, .inputtop */
/* Schriftfarbe: .menufavorit / buttons */
/* Schriftfarbe: .menufavorit:hover / buttons */
/* 4 grau					Hintergrund: .NoInputInfo, tr.zwischenueberschrift, td.zwischenueberschrift, #menusub ul.nav li.nav-top:hover, .button-standard*/
/* 7 hellblaugrau			Hintergrund: .inputtop, .quadroeng, .quadroeng2, .tpEven, #navcontainer, tr.odd td.sorting_1, tr.odd td.colMarkup1.sorting_1, tr.odd td.colMarkup1, */
/* #B4DB94;	7 grau					Hintergrund: .ausgabe-tab-row3, .ausgabe-tab-row-zusatzinfo, .quadroenggrau, input[type=text][disabled],input[type=text][readonly],textarea[disabled],textarea[readonly],select[readonly], .contentbox .legende,  */
/* #F9FAEA;	/* 5 fastwei�				Hintergrund: .bodymaske, .pagebase, input:not([type=submit]):focus, textarea:focus, .tnbrTable, .groupbanner, div#backlink table*/
/* 2 warnrot  /				wichtiges und Abmeldebutton			*/
/* 4 rosa					Schriftfarbe: Abmeldebutton

												Hintergrund: .inpauswahl			*/
/* 3 hellgelb				Hintergrund: .trauswahl, #trauswahl, #wartebalken, .ausgabe-tab-summen*/
/* 7 mittelgrau				Hintergrund: .form-button, .tabelle-daten, .tabelle-daten th, thead th.colMarkup1, tr.even td.colMarkup1, */
/* 3 sattgelb				Hintergrund: table.zeilenhervorhebung tbody tr:hover, table.zeilenhervorhebung tbody tr:hover td, table.zeilenhervorhebung  tbody tr.odd:hover td, table.zeilenhervorhebung tbody tr.even:hover td, table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1, table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1, tr.zeilenhervorhebung:hover, td.feldhervorhebung:hover, ul.funktionsanwahl li:hover, tr.zusatzdaten, ul.optionswahl li:hover*/
/* 2 dunkelgraublau			Hintergrund: thead th[aria-sort=ascending], th[aria-sort=descending], thead th[aria-sort=ascending].colMarkup1, thead th[aria-sort=descending].colMarkup1, */
/* 2 graublauheller			Hintergrund: tr.even td.sorting_1, tr.even td.colMarkup1.sorting_1 */
/* 1 ocker					Hintergrund: tfoot td.colMarkup1		*/
/* 5 hellblau				Hintergrund: .menufavorit:hover, .favorit:hover		*/
/* 7 dunkelgrau				Schriftfarbe: .titeltext, .ueberschrift-grau, .button-standard, .input14, option.unselected, .form-button, #navlist a, #navlist a:link, #navlist a:visited(Button), #menusub ul.nav li, #menusub ul.nav ul.nav-dropdown li.nav-item, #menusub li.nav-item a, #menusub li.nav-top a, #menusub li.nav-item span, #menusub li.nav-top span, #menusub li.nav-item a, #menusub li.nav-item span*/
/* Table Caption */
/* 2 silbergrau				Hintergrund: .intern			*/
/* 1 grasgr�n				Schriftfarbe: ul.optionswahl li:hover */
/* 3 graugrau				Hintergrund: #navlist a:hover

												Schriftfarbe: .groupbanner */
/* 2 silbergrau				Hintergrund: #navlist a, #navlist a:link, #navlist a:visited*/
/* 1 sandorange 		Notizenhintergrund*/
/* 10 blau					Hintergrund: .maske-balke, .maske-balken, .tab-top, .buttontop, .buttontopnormal, table.tpTable th, tr.ueberschrift, .menufavorit, .favorit, #menusub li.nav-item:hover, th.report, .tpHead

												Schriftfarbe: .menufavorit:hover, .favorit:hover, */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

/**

 * Remove default margin.

 */
body {
  margin: 0; }

/* HTML5 display definitions

   ========================================================================== */
/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */
[hidden],
template {
  display: none; }

/* Links

   ========================================================================== */
/**

 * Remove the gray background color from active links in IE 10.

 */
a {
  background-color: transparent; }

/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics

   ========================================================================== */
/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */
abbr[title] {
  border-bottom: 1px solid silver; }

/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */
b,
strong {
  font-weight: bold; }

/**

 * Address styling not present in Safari and Chrome.

 */
dfn {
  font-style: italic; }

/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**

 * Address styling not present in IE 8/9.

 */
mark {
  background: #ff0;
  color: #000; }

/**

 * Address inconsistent and variable font size in all browsers.

 */
small {
  font-size: 80%; }

/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content

   ========================================================================== */
/**

 * Remove border when inside `a` element in IE 8/9/10.

 */
img {
  border: 0; }

/**

 * Correct overflow not hidden in IE 9/10/11.

 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content

   ========================================================================== */
/**

 * Address margin not present in IE 8/9 and Safari.

 */
figure {
  margin: 1em 40px; }

/**

 * Address differences between Firefox and other browsers.

 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**

 * Contain overflow in all browsers.

 */
pre {
  overflow: auto; }

/**

 * Address odd `em`-unit font size rendering in all browsers.

 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms

   ========================================================================== */
/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */
/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */
button {
  overflow: visible; }

/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */
button,
select {
  text-transform: none; }

/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**

 * Re-set default cursor for disabled elements.

 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**

 * Remove inner padding and border in Firefox 4+.

 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */
input {
  line-height: normal; }

/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**

 * Define consistent border, margin, and padding.

 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */
textarea {
  overflow: auto; }

/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */
optgroup {
  font-weight: bold; }

/* Tables

   ========================================================================== */
/**

 * Remove most spacing between table cells.

 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* http://meyerweb.com/eric/tools/css/reset/

   v2.0 | 20110126

   License: none (public domain)

   The goal of a reset stylesheet is to reduce browser inconsistencies in things

   like default line heights, margins and font sizes of headings, and so on.



   Erweitert um global erp Standard-Stuff

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  font: inherit;
  /* vertical-align: baseline;   Das sorgt daf�r dass alle Elemente "unten" positioniert werden, das ist bei uns nicht gew�nscht */ }

abbr {
  /* Info-Linie wieder anschalten, dass es eine Mouse-Over-Hilfe gibt */
  border-bottom: 1px dashed #A0A0A0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; }

tt {
  font-family: "Courier New", Courier, monospace; }

ol, ul {
  /* list-style: none;   Per Default soll bei uns eine Liste ihr "Standardsympol" erhalten */ }

/* blockquote, q {

	quotes: none;

}

blockquote::before, blockquote::after, q::before, q::after {

	content: ' ';

	content: none;

} */
table {
  /* border-collapse: collapse; */
  empty-cells: show;
  border-spacing: 1px; }

table {
  empty-cells: show; }

/*Datatables Anpassungen SCSS*/
.dataTables_wrapper {
  border: 1px solid silver;
  margin: 10px;
  padding: 2px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  max-height: 98%; }
  .dataTables_wrapper table.dataTable td {
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .dataTables_wrapper table.dataTable.no-footer {
    border-bottom: 0px; }
  .dataTables_wrapper thead div.icon-absolute {
    position: relative;
    top: -3px; }
  .dataTables_wrapper thead .sorting .sort-icon:before {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    color: white;
    font-size: 12px; }
  .dataTables_wrapper thead .no-filter {
    line-height: 15px; }
  .dataTables_wrapper thead .title {
    height: 15px;
    border-bottom: 1px solid white;
    display: flex; }
    .dataTables_wrapper thead .title .title-text {
      padding: 0px 3px;
      width: 90%; }
    .dataTables_wrapper thead .title .title-icon {
      position: relative;
      float: right;
      right: -7px;
      top: -3px;
      min-width: 15px;
      padding: 0px 3px; }
  .dataTables_wrapper thead .sorting_asc .sort-icon:before {
    content: "\f0de";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    color: white;
    font-size: 12px; }
  .dataTables_wrapper thead .sorting_desc .sort-icon:before {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    color: white;
    font-size: 12px; }
  .dataTables_wrapper thead th.no-filter .title {
    border-bottom: none;
    height: auto; }
  .dataTables_wrapper thead th.no-filter th.no-filter .title-text {
    /*margin-top: 8px;*/ }
  .dataTables_wrapper thead th.no-sort:hover {
    cursor: default !important; }
  .dataTables_wrapper thead th.no-sort .sort-icon {
    display: none; }
  .dataTables_wrapper thead th {
    border-bottom: 1px solid white !important; }
    .dataTables_wrapper thead th i.sort-icon {
      color: white;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased; }
  .dataTables_wrapper thead input[type='text'].filter {
    min-width: 90%;
    width: 90%;
    margin: 5px 5% 3px 5%;
    height: 20px; }
  .dataTables_wrapper thead select:not(.selectnew):not(.filter) {
    min-width: 90%;
    width: 90%;
    margin: 5px 5% 3px 5%;
    height: 20px;
    border: 0px; }
  .dataTables_wrapper thead .filterclass option {
    color: #777; }
  .dataTables_wrapper tr.odd td.colMarkup1 {
    background-color: #dadcd8; }
  .dataTables_wrapper th.filter-dropdown select.filter {
    height: 24px;
    margin-top: 4px; }
  .dataTables_wrapper caption {
    height: 20px;
    margin: 1px;
    line-height: 23px;
    border: 1px solid silver;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-top-right-radius: 4px; }
  .dataTables_wrapper table tfoot tr td {
    opacity: 1 !important;
    border: 1px solid #ddd;
    border-right: 1px solid white;
    background-color: #e9e9e9;
    background-image: linear-gradient(to top, white 0%, #e9e9e9 100%);
    margin-top: -5px; }
  .dataTables_wrapper div.dt-buttons {
    position: relative;
    float: right;
    display: inline;
    padding: 4px !important;
    margin-bottom: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
    .dataTables_wrapper div.dt-buttons button {
      line-height: 1em;
      margin: 0px 0px !important;
      border: 1px solid #ddd !important;
      color: #777;
      min-width: 40px; }
      .dataTables_wrapper div.dt-buttons button:hover {
        color: #a2ba42; }
  .dataTables_wrapper .dataTables_length {
    margin: 3px 0px 0px 1px;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
    .dataTables_wrapper .dataTables_length label select {
      padding: 2px 12px !important;
      height: 25px;
      outline: none; }
      .dataTables_wrapper .dataTables_length label select option {
        outline: none;
        border: 1px solid #ddd; }
        .dataTables_wrapper .dataTables_length label select option:hover {
          background-color: #ACC254; }
  .dataTables_wrapper .dataTables_filter {
    position: relative;
    float: left !important;
    display: inline;
    padding: 2px 4px !important; }
    .dataTables_wrapper .dataTables_filter input {
      font-size: 1em;
      min-height: 20px;
      border: 1px solid #ACC254 !important; }
  .dataTables_wrapper .dataTables_paginate {
    margin: 6px 0px 0px 1px !important;
    padding: 6px 2px 4px 2px;
    height: 30px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
      border: 1px solid #ddd !important;
      white-space: nowrap;
      border-radius: 4px !important;
      padding: 6px 10px !important;
      background-color: #e9e9e9;
      background-image: -webkit-linear-gradient(top, white 0%, #e9e9e9 100%);
      background-image: -moz-linear-gradient(top, white 0%, #e9e9e9 100%);
      background-image: -ms-linear-gradient(top, white 0%, #e9e9e9 100%);
      background-image: -o-linear-gradient(top, white 0%, #e9e9e9 100%);
      background-image: linear-gradient(to bottom, white 0%, #e9e9e9 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9'); }
      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        border: 1px solid #777;
        background-color: #e0e0e0;
        background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
        background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
        background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
        background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
        background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%) !important; }
        .dataTables_wrapper .dataTables_paginate .paginate_button:hover a {
          color: #a2ba42 !important; }
      .dataTables_wrapper .dataTables_paginate .paginate_button a {
        color: #777 !important; }
  .dataTables_wrapper .dataTables_info {
    padding: 8px;
    margin: 5px 0px 5px 0px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; }
  .dataTables_wrapper .lead-top {
    position: relative;
    color: #777 !important;
    opacity: 1 !important;
    border: 1px solid #ddd;
    border-right: 1px solid white;
    background-color: #e9e9e9;
    background-image: linear-gradient(to top, white 0%, #e9e9e9 100%); }
  .dataTables_wrapper .tab-top {
    position: relative;
    border-right: 1px solid white;
    padding: 5px 5px 5px 5px;
    margin: 0;
    vertical-align: text-top;
    background-position: top right !important;
    white-space: nowrap; }
    .dataTables_wrapper .tab-top .no-header-filter {
      min-height: 24px; }
    .dataTables_wrapper .tab-top select.filter {
      min-width: 90%;
      width: 90%;
      margin: 3px 5% 3px 5%;
      height: 22px;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px; }
    .dataTables_wrapper .tab-top .tab-top-filter {
      position: relative;
      width: 100% !important;
      bottom: 0px;
      padding: 0;
      margin: 3px 0 0 -1px;
      border: 1px solid white; }
      .dataTables_wrapper .tab-top .tab-top-filter select {
        width: 100% !important;
        border-radius: 0px;
        min-height: 20px; }
        .dataTables_wrapper .tab-top .tab-top-filter select option {
          min-height: 20px; }
      .dataTables_wrapper .tab-top .tab-top-filter input {
        width: 100% !important;
        border-radius: 0px;
        min-height: 20px; }
  .dataTables_wrapper .sortTable-header .dt-button {
    padding: 5px;
    text-align: justify;
    color: #777;
    border: 1px solid silver;
    border-radius: 4px; }
    .dataTables_wrapper .sortTable-header .dt-button .fa {
      padding: 2px 0 2px 0;
      margin-left: 7px; }
  .dataTables_wrapper .sortTable-header {
    height: 25px;
    width: 100%; }
  .dataTables_wrapper .sortTable-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 40px;
    width: 100%; }
    .dataTables_wrapper .sortTable-footer select {
      height: 22px; }
  .dataTables_wrapper DIV.DTFC_LeftBodyWrapper {
    border-right: 1px solid silver; }
  .dataTables_wrapper DIV.DTFC_RightBodyWrapper {
    border-left: 1px solid silver; }
  .dataTables_wrapper DIV.DTFC_LeftHeadWrapper caption {
    color: #DADADA;
    overflow: hidden; }
  .dataTables_wrapper DIV.DTFC_RightHeadWrapper caption {
    color: #DADADA;
    overflow: hidden; }
  .dataTables_wrapper DIV.DTFC_RightHeadWrapper th.tab-top {
    background-color: #777; }

.pagebase .sortTable-header input[type="search"],
.pagemask .sortTable-header input[type="search"] {
  padding: 2px 4px !important; }

.sortTable-header input, .pagebase .sortTable-footer select,
.pagemask .sortTable-footer select {
  border-color: #ddd !important; }

.dt-buttons .dt-button-collection {
  padding: 5px 10px 5px 5px;
  border: 1px solid #777;
  min-width: 240px; }
  .dt-buttons .dt-button-collection .dt-button-collection-titles .colvis-header {
    padding: 5px;
    font-size: 1.4em;
    font-weight: bold;
    width: 100%;
    margin: auto; }
  .dt-buttons .dt-button-collection .dt-button-collection-titles .colvis-description {
    padding: 10px;
    font-size: 0.9em;
    border: 1px solid silver;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 0 10px 4px; }
  .dt-buttons .dt-button-collection .active {
    background: #ACC254 !important;
    color: #F9FAEA !important; }
  .dt-buttons .dt-button-collection .buttons-columnVisibility {
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-width: 180px;
    margin: 0px 4px 10px 4px !important; }

.sortiertabelle .dataTable-footer {
  margin: -22px 10px 40px 10px; }

.sortiertabelle .dataTable-footer-control {
  margin: -5px 20px 20px 20px;
  height: 1px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .sortiertabelle .dataTable-footer-control .dataTable-legend-button {
    margin-top: -15px;
    z-index: 2000;
    color: #777;
    background-color: white;
    border: 1px solid silver;
    padding: 3px;
    max-width: 100px;
    min-width: 100px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    .sortiertabelle .dataTable-footer-control .dataTable-legend-button:hover {
      border: 1px solid silver;
      background-color: #e0e0e0;
      background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
      background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
      background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
      background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%) !important;
      background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%) !important;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      /*color: inherit;*/
      color: #a2ba42; }
    .sortiertabelle .dataTable-footer-control .dataTable-legend-button:focus {
      background-color: white;
      border: 1px solid #ddd;
      color: #ACC254;
      outline: none; }
    .sortiertabelle .dataTable-footer-control .dataTable-legend-button i {
      padding: 2px;
      color: #a2ba42; }

.sortiertabelle .dataTable-legend-content {
  display: flex;
  flex-direction: row;
  margin-top: 28px;
  padding: 4px;
  border: 1px solid silver;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .sortiertabelle .dataTable-legend-content .fa-legend-wrapper {
    border: 1px solid #ddd;
    min-width: 100px; }
    .sortiertabelle .dataTable-legend-content .fa-legend-wrapper .fa-legend-item {
      padding: 5px;
      border-bottom: 1px solid #ddd;
      margin: auto;
      text-align: center;
      color: #777; }
    .sortiertabelle .dataTable-legend-content .fa-legend-wrapper .fa-legend-description {
      padding: 4px;
      border-bottom: 1px solid #ddd;
      text-align: center;
      white-space: nowrap; }

.sortiertabelle .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none; }

table.dataTable thead .sorting {
  background-image: none !important; }

table.dataTable thead .sorting_asc {
  background-image: none !important; }

table.dataTable thead .sorting_desc {
  background-image: none !important; }

.datatable-header {
  width: 100%;
  height: 25px;
  background-color: #ACC254;
  color: #4F4F4F;
  margin-bottom: 4px; }
  .datatable-header span {
    font-weight: bold;
    margin-left: 20px;
    font-size: 1.2em;
    line-height: 25px; }

#toggle-datatableinfo {
  border: 1px solid #ddd;
  display: flex;
  width: 100%;
  padding: 8px 2px;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  font-weight: bold; }

/* DataTables Sortiertabelle */
.sortiertabelle {
  border-collapse: none !important; }

.sortiertabelle td, .sortiertabelle th {
  border: 1px solid #e0e0e0;
  /*aus 99/88 - erstmal testen f�r alle Farbschemen*/ }

.pagebase .sortiertabelle input.filterclass,
.pagemask .sortiertabelle input.filterclass {
  margin-bottom: 5px;
  border: 1px solid transparent; }

.sortiertabelle-header .dt-button {
  padding: 5px;
  text-align: justify;
  color: #666;
  border: 1px solid silver;
  border-radius: 4px; }

.sortiertabelle-header .dt-button .fa {
  padding: 2px 0 2px 0;
  margin-left: 7px; }

.pagebase .sortiertabelle-header input[type="search"],
.pagemask .sortiertabelle-header input[type="search"] {
  padding: 2px 4px !important; }

.sortiertabelle-header input, .pagebase .sortiertabelle-footer select,
.pagemask .sortiertabelle-footer select {
  border-color: silver !important; }

.sortiertabelle .sortiertabelle-header,
.sortiertabelle .sortiertabelle-footer {
  width: 100%; }

.sortiertabelle .sortiertabelle-header {
  height: 25px; }

.sortiertabelle .sortiertabelle-footer {
  height: 35px;
  margin-top: 5px; }

.sortiertabelle .sortiertabelle-footer select {
  height: 22px; }

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 0px !important; }

table.sortiertabelle tbody {
  overflow-y: scroll;
  overflow-x: scroll; }

.dataTables_wrapper::before {
  content: ' ';
  clear: both; }

.dataTables_wrapper::after {
  content: ' ';
  clear: both; }

.dataTables_wrapper .ui-widget-header {
  background-color: lightgray; }

.dataTables_processing {
  position: absolute;
  top: 0;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 11px;
  padding: 2px 0; }

.dataTables_length {
  width: 150px;
  float: left;
  display: inline;
  white-space: nowrap;
  line-height: 30px;
  padding: 0 10px; }

.dataTables_length label {
  line-height: 12px; }

.dataTables_length select {
  padding: 4px 14px 4px 4px !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: white !important; }

.dataTables_length select:focus {
  outline-width: 2px;
  outline-color: #216cb0; }

.dataTables_length select option {
  padding: 2px;
  color: #151F07 !important; }

.dataTables_filter {
  text-align: right;
  display: inline;
  padding-left: 10px;
  line-height: 30px; }

table.sortiertabelle {
  border: 0; }

table.display {
  margin: 0 auto;
  width: 100%;
  clear: both;
  /*in progress sl 18.12.2018*/
  /*border: 1px solid $color28;

    background: none repeat scroll 0 0 $color28;*/ }

table.display thead th {
  cursor: pointer; }

table.display thead tr:first-child th.tab-top[colspan]:not([colspan="1"]),
table.sortiertabelle thead tr:first-child th.tab-top[colspan]:not([colspan="1"]) {
  background-color: #F9FE9C;
  color: #4F4F4F;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8; }

.sortiertabelle .lead-top {
  background-color: #e0e0e0 !important;
  color: #666 !important;
  opacity: 1 !important; }

.top,
.bottom {
  padding: 15px; }

.top .dataTables_info {
  float: none; }

table.display tr.heading2 td {
  border-bottom: 1px solid #808080; }

table.display tfoot th {
  padding: 3px 0 3px 10px;
  font-weight: bold;
  font-weight: normal;
  border-top: 1px solid #000000; }

table.display tfoot input {
  box-sizing: border-box;
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

table.display tfoot input.search_init {
  color: #999; }

table.display td {
  padding: 3px 10px; }

/* DataTables sorting */
.sorting_asc {
  /* background: url('../images/sort_asc.png') no-repeat center right; */ }

.sorting_desc {
  /* background: url('../images/sort_desc.png') no-repeat center right; */ }

.sorting {
  /* background: url('../images/sort_both.png') no-repeat center right; */ }

.sorting_asc_disabled {
  /* background: url('../images/sort_asc_disabled.png') no-repeat center right; */ }

.sorting_desc_disabled {
  /* background: url('../images/sort_desc_disabled.png') no-repeat center right; */ }

.DataTables_sort_wrapper {
  /* Text in ?berschrift der Sortiertabelle */
  padding-top: 1px; }

.DataTables_sort_wrapper .DataTables_sort_icon {
  /* Icons werden nicht angezeigt, dann den Platz freigeben */
  display: none; }

th.filter-dropdown select.filter,
th.filter-freitext input.filter,
th.filter-datum input.filter {
  margin: 3px auto 0;
  border: none; }

.top,
.bottom {
  padding: 15px;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC; }

.top .dataTables_info {
  float: none; }

.dataTables_empty {
  text-align: center; }

tfoot input {
  box-sizing: border-box;
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.dataTables_paginate {
  padding-top: 2px;
  height: 20px; }

table.datentabelle .dataTables_paginate,
table.datentabelle tr.ausgabe-tab-row-zusatzinfo {
  width: 550px;
  padding-top: 0;
  min-height: 40px; }

table.datentabelle .dataTables_paginate input[type='button'] {
  width: auto; }

table.zeilenaktivierung tbody tr {
  cursor: pointer; }

.DataTables_sort_icon {
  height: 0;
  width: 0; }

.DTTT_container {
  margin: 0 0 0 4px; }

.spaltentrenner tr td, .spaltentrenner tr th {
  border-right: 1px solid silver; }

.spaltentrenner tr td:last-child, .spaltentrenner tr th:last-child {
  border-right: none; }

.zwischenueberschrift {
  border-collapse: collapse;
  border: 0;
  color: #000000;
  background-color: #F4FFF9; }

.pagebase th.filter-dropdown select.filter {
  padding-top: 1px;
  padding-bottom: 1px; }

.pagebase th.filter-dropdown select.filter option {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 11px; }

table.zeilenhervorhebung tbody tr:hover,
table.zeilenhervorhebung tbody tr:hover td,
table.zeilenhervorhebung tbody tr.odd:hover td,
table.zeilenhervorhebung tbody tr.even:hover td,
table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1,
table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1,
tr.zeilenhervorhebung:hover,
td.feldhervorhebung:hover {
  background-color: #e3eac5 !important;
  color: #000000;
  /* background-color: $color32a;*/
  -webkit-transition: all 0.05s ease-in;
  /* Safari */
  transition: all 0.1s ease-in;
  /*--------------------------------------------------------------------------*/
  /*----------falsche background-color im blauem Farbscheme #0EA75------------*/
  /*--------------------------------------------------------------------------*/ }

tr.ueberschrift {
  background-color: #ACC254;
  color: #FFFFFF; }

tr.zusatzdaten {
  background-color: #F0EA75; }

thead th[aria-sort=ascending],
thead th[aria-sort=descending],
thead th[aria-sort=ascending].colMarkup1,
thead th[aria-sort=descending].colMarkup1 {
  background-color: #71822e;
  color: #FFFFFF; }

thead th.colMarkup1 {
  background-color: #92a73c;
  color: white; }

.datentabelle tr.odd td.colMarkup1 {
  background-color: Gainsboro; }

.datentabelle tr.even td.colMarkup1 {
  background-color: #DAEB7A; }

tfoot td.colMarkup1 {
  background-color: #D7D4AE; }

.datentabelle .ausgabe-tab-row1,
.datentabelle tr.odd,
.datentabelle tr.odd td,
.datentabelle tr.odd td.colMarkup1.sorting_1 {
  color: #000000;
  background-color: #F7F7F7; }

.datentabelle .ausgabe-tab-row2,
.datentabelle tr.even,
.datentabelle tr.even td,
.datentabelle tr.even td.colMarkup1.sorting_1 {
  color: #000000;
  background-color: #E2F0BA; }

.datentabelle .ausgabe-tab-rowMarkup2 {
  color: #000000;
  background-color: #BFDD99; }

.datentabelle tr.odd td.sorting_1 {
  color: #000000;
  background-color: #EEFCBA; }

.datentabelle tr.even td.sorting_1 {
  color: #000000;
  background-color: #DAEB7A; }

.datentabelle .ausgabe-tab-row3 {
  color: #000000;
  background-color: #BFDD99 !important; }

.datentabelle .ausgabe-tab-row-zusatzinfo {
  background-color: #BFDD99; }

.ausgabe-tab-row1 {
  color: #000000;
  background-color: #F7F7F7; }

.ausgabe-tab-rowMarkup1 {
  color: #000000;
  background-color: #BFDD99; }

.ausgabe-tab-row2 {
  color: #000000;
  background-color: #E2F0BA; }

.ausgabe-tab-rowMarkup2 {
  color: #000000;
  background-color: #BFDD99; }

tr.odd td.sorting_1 {
  color: #000000;
  background-color: #EEFCBA; }

tr.even td.sorting_1 {
  color: #000000;
  background-color: #DAEB7A; }

.ausgabe-tab-row3 {
  color: #000000;
  background-color: #BFDD99 !important; }

.toast-title {
  font-weight: bold;
  margin-bottom: 8px; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Additional properties for button version

 iOS requires the button element instead of an anchor tag.

 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 100px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100); }

#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #70A725; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

div.dataTables_scrollBody::-webkit-scrollbar {
  background-color: #fbfbfb; }

div.dataTables_scrollBody::-webkit-scrollbar:horizontal {
  background-color: #fbfbfb; }

div.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: lightgray; }

div.dataTables_scrollHead table {
  border-top-left-radius: 4px; }

div.dataTables_scrollHead th:first-child {
  border-top-left-radius: 4px; }

#datentabelle-vermehrung tr.even {
  background-color: #f9f9f9; }

#datentabelle-vermehrung tr.odd {
  background-color: #fefefe; }

#datentabelle-vermehrung .zuw-wrapper {
  display: flex;
  flex-direction: row;
  height: 18px;
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #e9e9e9;
  margin-bottom: 1px; }
  #datentabelle-vermehrung .zuw-wrapper .v-wrapper-right {
    min-width: 33%;
    text-align: right; }
  #datentabelle-vermehrung .zuw-wrapper .v-wrapper-left {
    min-width: 33%;
    text-align: left; }

#datentabelle-vermehrung .zuw-warning {
  margin-left: 5px;
  width: 50%;
  text-align: left;
  line-height: 16px;
  color: #8b0000;
  font-size: 11px;
  font-weight: bolder; }

#datentabelle-vermehrung .zuw-vermehrung {
  width: 45%;
  text-align: right; }

#datentabelle-vermehrung .vermehrung-value {
  color: black;
  font-size: 11px;
  font-weight: bolder; }

#datentabelle-vermehrung .vermehrung-reserved {
  color: green;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 2px; }

#datentabelle-vermehrung .vermehrung-delivered {
  color: darkgreen;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin-left: 2px; }

#datentabelle-vermehrung .vermehrung-assigned-warning {
  color: red;
  font-size: 11px;
  font-weight: bolder;
  margin-right: 4px;
  line-height: 16px; }

#datentabelle-vermehrung .vermehrung-assigned-success {
  color: #218901;
  font-size: 11px;
  font-weight: bolder;
  margin-right: 4px;
  line-height: 16px; }

#datentabelle-vermehrung .vermehrung-stufe-summe {
  background-color: lavender; }

#datentabelle-vermehrung .ausgabe-tab-summen td {
  color: green;
  font-weight: bold;
  border-top: 1px solid darkgray; }

#datentabelle-vermehrung .fa-comment-dots {
  color: green; }

#datentabelle-vermehrung .dataTables_wrapper thead .title .title-icon {
  display: none; }

#datentabelle-vermehrung th.head-pb {
  width: auto; }

#datentabelle-vermehrung th.lead-head-md {
  min-width: 45px;
  font-size: 12px;
  word-wrap: break-word !important; }

#datentabelle-vermehrung th.lead-head-sm {
  min-width: 30px;
  max-width: 30px; }

#datentabelle-vermehrung th.head-pb {
  min-width: 70px;
  background-color: #e9e9e9; }

#datentabelle-vermehrung tfoot td.td-xl {
  min-width: 80px;
  max-width: 80px; }

#datentabelle-vermehrung tfoot td.td-md {
  min-width: 45px; }

#datentabelle-vermehrung tfoot td.td-sm {
  min-width: 30px;
  max-width: 30px; }

#datentabelle-vermehrung thead .lead-head-xl {
  min-width: 80px;
  max-width: 80px; }

#datentabelle-vermehrung thead th, #datentabelle-vermehrung table.dataTable thead td {
  padding: 1px 6px; }

#datentabelle-vermehrung tbody .comment span {
  padding: 2px 0 0 10px; }
  #datentabelle-vermehrung tbody .comment span:hover {
    cursor: pointer; }

#datentabelle-vermehrung tbody td {
  font-size: 12px; }

#datentabelle-vermehrung tbody td.td-xl {
  min-width: 80px;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#datentabelle-vermehrung tbody td.td-sm {
  min-width: 30px;
  max-width: 30px; }

#datentabelle-vermehrung tbody td.td-md {
  min-width: 45px; }

#datentabelle-vermehrung table .input-td {
  padding: 0px; }

#datentabelle-vermehrung table td {
  text-overflow: ellipsis;
  margin: 0px;
  padding: 5px; }
  #datentabelle-vermehrung table td input {
    line-height: 14px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #999999;
    margin: 1px auto;
    padding: 3px;
    border-radius: 0;
    text-align: right; }
    #datentabelle-vermehrung table td input:focus {
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      border: 1px solid #777;
      border-radius: 0; }
    #datentabelle-vermehrung table td input:active {
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      border: 1px solid #777;
      border-radius: 0; }
    #datentabelle-vermehrung table td input:hover {
      outline: none;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      border: 1px solid #666;
      border-radius: 0; }

#datentabelle-vermehrung table .bp_russlandWare {
  color: #f89420; }

.pagedefault #titelbanner {
  margin-top: 0px !important;
  padding-top: 0px !important; }

.pagedefault #content {
  margin-top: 0px !important;
  padding-top: 0px !important; }

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #ccc !important; }

#datentabelle-vermehrung th.lead-head-md {
  min-width: 45px; }

#datentabelle-vermehrung .lead-head-md {
  width: 45px; }

.dataTables_wrapper.DIV.DTFC_LeftHeadWrapper thead th {
  font-weight: normal; }

.title-text-info {
  cursor: help; }

/*  .workflow-div {

   background-color: #0779e4;

   color: #FFFFFF;

 } */
.workflow-init {
  margin-left: 32px !important; }

.workflow-div {
  background-color: #ACC254;
  color: #FFFFFF; }

.trafficlight {
  width: 24px;
  height: 64px;
  background-color: #eeeeee !important;
  margin: 2px auto 0px auto;
  padding: 1px;
  border-radius: 10%;
  border: 1px solid silver !important; }

.trafficlight.horizontal {
  transform: rotate(-90deg);
  margin-top: -1px;
  margin-left: 8px; }

.lamp {
  border-radius: 100%;
  width: 18px;
  height: 18px;
  padding-top: 2px;
  padding-left: 3px;
  margin: 1px; }

.lamp.red-off {
  background-color: #331111; }

.lamp.red-ready {
  /* background-color: #882222; */
  background-color: #aa0800; }

.lamp.red-on {
  background-color: #ff2c21 !important; }

.lamp.red-cancel {
  background-color: #999 !important; }

.lamp.red-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px !important;
  top: -13px !important;
  font-size: 32pt;
  font-weight: normal !important;
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp.yellow-off {
  background-color: #222211; }

.lamp.yellow-ready {
  /* background-color: #888822; */
  background-color: #a5a500; }

.lamp.yellow-on {
  background-color: #f3f300 !important; }

.lamp.yellow-cancel {
  background-color: #999 !important; }

.lamp.yellow-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px !important;
  top: -13px !important;
  font-size: 32pt;
  font-weight: normal !important;
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp.green-off {
  background-color: #113311; }

.lamp.green-ready {
  /* background-color: #228822; */
  background-color: #59921d; }

.lamp.green-on {
  background-color: #77c327 !important; }

.lamp.green-cancel {
  background-color: #999 !important; }

.lamp.green-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px !important;
  top: -13px !important;
  font-size: 32pt;
  font-weight: normal !important;
  content: "\00d7";
  /* This will render the 'X' */ }

.trafficlight-horizontal {
  display: inline-block;
  width: 70px;
  height: 24px;
  background-color: #e9f5ff !important;
  margin: 2px auto 0px auto;
  /* padding: 1px; */
  border-radius: 10%;
  border: 0.5px solid #999999 !important; }

.lamp-horizontal {
  display: inline-block;
  border-radius: 100%;
  width: 18px !important;
  height: 18px !important;
  padding-top: 3px;
  padding-left: 3px;
  margin: 1px; }

.lamp-horizontal.red-off {
  background-color: #999 !important; }

.lamp-horizontal.red-ready {
  background-color: #882222; }

.lamp-horizontal.red-on {
  background-color: #ff2c21 !important; }

.lamp-horizontal.red-cancel {
  background-color: #999 !important; }

.lamp-horizontal.red-cancel:before {
  color: #e9f5ff !important;
  position: relative;
  left: -5px;
  top: -13px;
  font-size: 32pt;
  /* font-weight: bold; */
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp-horizontal.yellow-off {
  background-color: #999 !important; }

.lamp-horizontal.yellow-ready {
  /* background-color: #888822; */
  background-color: #c0c000; }

.lamp-horizontal.yellow-on {
  background-color: #f3f300 !important; }

.lamp-horizontal.yellow-cancel {
  background-color: #999 !important; }

.lamp-horizontal.yellow-cancel:before {
  color: #e9f5ff !important;
  position: relative;
  left: -5px;
  top: -13px;
  font-size: 32pt;
  /* font-weight: bold; */
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp-horizontal.green-off {
  background-color: #999 !important; }

.lamp-horizontal.green-ready {
  /* background-color: #228822; */
  background-color: #5d991f; }

.lamp-horizontal.green-on {
  background-color: #77c327 !important; }

.lamp-horizontal.green-cancel {
  background-color: #999 !important; }

.lamp-horizontal.green-cancel:before {
  color: #e9f5ff !important;
  position: relative;
  left: -5px;
  top: -13px;
  font-size: 32pt;
  /* font-weight: bold; */
  content: "\00d7";
  /* This will render the 'X' */ }

div.workflow-break {
  display: block;
  margin-bottom: 4px; }

div.workflow-break-10 {
  display: block;
  margin-bottom: 10px; }

div.workflow-break-20 {
  display: block;
  margin-bottom: 20px; }

div.workflow-break-30 {
  display: block;
  margin-bottom: 30px; }

div.workflow-break-40 {
  display: block;
  margin-bottom: 40px; }

div.workflow-break-50 {
  display: block;
  margin-bottom: 50px; }

div.workflow-spacer {
  margin-left: 25px; }

div.workflow-spacer-10 {
  margin-left: 10px; }

div.workflow-spacer-20 {
  margin-left: 20px; }

div.workflow-spacer-30 {
  margin-left: 30px; }

div.workflow-spacer-40 {
  margin-left: 40px; }

div.workflow-spacer-50 {
  margin-left: 50px; }

div.workflow-header {
  margin-bottom: 4px; }

div.workflow-container {
  display: flex;
  width: 1600px;
  height: 32px;
  margin-top: 4px;
  margin-bottom: 4px; }

div.workflow-container-empty {
  width: 1600px;
  height: 16px; }

div.workflow-container-drop {
  display: flex;
  background-color: yellow;
  width: 1600px;
  height: 32px; }

div.task-container {
  display: flex;
  width: 1600px;
  height: 32px; }

div.task-container-empty {
  width: 1600px;
  height: 16px; }

div.task-container-drop {
  display: flex;
  background-color: yellow;
  width: 1600px;
  height: 32px; }

.workflow-header-cell {
  margin: 1px;
  border-radius: 2px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 24px !important;
  height: 24px !important; }

th.workflow {
  font-weight: bold;
  font-size: 10pt;
  height: 20px; }

td.workflow-header {
  font-weight: bold;
  font-size: 10pt;
  height: 20px; }

td.workflow {
  font-size: 10pt;
  height: 20px; }

div.workflow-form {
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 0px; }

div.workflow-caption {
  font-weight: bold;
  font-size: 160%;
  padding: 8px;
  padding-left: 30px;
  text-align: left;
  color: #6495ed; }

div.task-content {
  display: block;
  margin-top: 16px;
  margin-left: 0px;
  margin-bottom: 0px; }

div.task-form {
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 0px; }

div.task-caption {
  font-weight: bold;
  font-size: 120%;
  padding: 6px; }

div.workflow-label-cell {
  display: inline-block; }

div.workflow-input-cell {
  display: inline-block; }

div.workflow-label-cell-padded-8 {
  display: inline-block;
  padding: 8px;
  padding-left: 4px; }

div.workflow-input-cell-padded-8 {
  display: inline-block;
  padding: 8px; }

div.workflow-label-cell-padded {
  display: inline-block;
  padding: 16px;
  padding-left: 8px; }

div.workflow-input-cell-padded {
  display: inline-block;
  padding: 16px; }

.workflow-body-cell {
  margin: 1px;
  vertical-align: middle;
  text-align: left; }

div.workflow-col-0 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.workflow-col-1 {
  display: inline-block;
  position: relative;
  width: 175px;
  height: 24px; }

div.workflow-col-2 {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 24px; }

div.workflow-col-3 {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 24px; }

div.workflow-col-4 {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 24px; }

div.workflow-col-5 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-6 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-7 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-8 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-9 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-10 {
  display: inline-block;
  position: relative;
  width: 85px;
  height: 24px; }

div.workflow-col-11 {
  display: inline-block;
  position: relative;
  width: 85px;
  height: 24px; }

div.workflow-col-12 {
  display: inline-block;
  position: relative;
  width: 102px;
  height: 24px; }

div.workflow-col-13 {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 24px; }

div.workflow-col-14 {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 24px; }

div.workflow-col-15 {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 24px; }

div.workflow-col-16 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.workflow-col-17 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.workflow-col-18 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.workflow-col-19 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.workflow-col-20 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-0 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-1 {
  display: inline-block;
  position: relative;
  width: 160px;
  height: 24px; }

div.task-col-2 {
  display: inline-block;
  position: relative;
  width: 105px;
  height: 24px; }

div.task-col-3 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px; }

div.task-col-4 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px; }

div.task-col-5 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px; }

div.task-col-6 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px; }

div.task-col-7 {
  display: inline-block;
  position: relative;
  width: 84px;
  height: 24px; }

div.task-col-8 {
  display: inline-block;
  position: relative;
  width: 82px;
  height: 24px; }

div.task-col-9 {
  display: inline-block;
  position: relative;
  width: 105px;
  height: 24px; }

div.task-col-10 {
  display: inline-block;
  position: relative;
  width: 142px;
  height: 24px; }

div.task-col-11 {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 24px; }

div.task-col-12 {
  display: inline-block;
  position: relative;
  width: 78px;
  height: 24px; }

div.task-col-13 {
  display: inline-block;
  position: relative;
  width: 72px;
  height: 24px; }

div.task-col-14 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px; }

div.task-col-15 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-16 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-17 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-18 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-19 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-col-20 {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 24px; }

div.task-position {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  line-height: 24px;
  border-radius: 10%;
  text-align: center;
  font-weight: bold;
  margin-top: 1px;
  margin-left: 1px; }

div.task-position-highlight {
  background-color: red;
  color: white;
  fomt-weight: bold; }

div.tasklist-hide {
  display: none; }

div.tasklist-show {
  display: block;
  margin-left: 32px;
  margin-bottom: 16px; }

div.tasklist-newtask {
  margin-left: 32px; }

div.protocol {
  display: inline-block;
  padding-left: 0px;
  margin-top: 16px; }

div.logs {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-top: 10px; }

div.logs-comments {
  padding-left: 0px;
  padding-bottom: 10px; }

div.logs-comments-init {
  width: 800px;
  height: 247px; }

div.logs-textarea {
  display: inline-block;
  padding-left: 0px;
  padding-bottom: 10px; }

textarea.logs-textarea {
  display: inline-block;
  width: 450px;
  height: 107px;
  padding-bottom: 10px; }

div.logs-savebutton {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-bottom: 2px; }

div.infos {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 32px; }

div.infos-comments {
  padding-left: 0px;
  padding-bottom: 10px; }

div.infos-comments-init {
  width: 600px;
  height: 100px; }

div.infos-textarea {
  display: inline-block;
  padding-left: 0px;
  padding-bottom: 10px; }

textarea.infos-textarea {
  display: inline-block;
  width: 450px;
  height: 107px;
  padding-bottom: 10px; }

div.infos-savebutton {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-bottom: 2px; }

/* button.workflow-button {

  color: white !important;

  background-color: #4cbbb9 !important;

  font-weight: bold !important;

} */
div.iconclick-spacer {
  display: inline-block;
  padding-left: 0px;
  height: 27px !important;
  width: 27px !important;
  max-height: 27px !important;
  max-width: 27px !important;
  min-height: 27px !important;
  min-width: 27px !important; }

button.iconclick {
  padding-left: 0px;
  height: 27px !important;
  width: 27px !important;
  max-height: 27px !important;
  max-width: 27px !important;
  min-height: 27px !important;
  min-width: 27px !important; }

span.iconclick:before {
  color: #ffffff;
  position: relative;
  left: -3px !important;
  padding-left: +0px;
  margin-left: +0px;
  margin-top: +0px;
  /*font-size: 20pt;*/
  font-weight: bold;
  float: left; }

/* .pagebase input[type='text']:not(.selectnew):not(.filter):not(.pseudobutton) {

   border: 1px solid #56a2ff !important;

   padding: 5px 6px;

 } */
/*  .pagebase input[disabled]:not(.pseudobutton) {

   background-color: #e9f5ff !important;

   color: #000000;

   cursor: default;

 } */
select {
  border: 1px solid #56a2ff !important;
  height: 27px; }

select[disabled] {
  background-color: #e9f5ff !important;
  color: #000000;
  cursor: default; }

option {
  height: 27px; }

label.after-input {
  margin-left: 5px; }

input.workflow-warning-red {
  background-color: #ff938e !important; }

input.workflow-warning-yellow {
  background-color: #ffbd72 !important; }

td.workflow-warning-red {
  background-color: #ff938e !important; }

td.workflow-warning-yellow {
  background-color: #ffbd72 !important; }

td.workflow-status-neu {
  background-color: tomato !important; }

td.workflow-status-pausiert {
  background-color: tomato !important; }

td.workflow-status-gestartet {
  background-color: gold !important; }

td.workflow-status-fertig {
  background-color: mediumseagreen !important; }

td.workflow-status-storniert {
  background-color: gray !important; }

@font-face {
  font-family: font-logo;
  src: url(../../fonts/Alcubierre.otf);
  format: opentype; }

* {
  margin: 0px;
  padding: 0px; }

body {
  color: #333; }

#mainFrame {
  /*greift nicht :(*/
  min-height: 100%;
  width: auto; }

.content-20 {
  padding: 20px; }

.content-40 {
  padding: 40px; }

th {
  /* padding: 2px 5px; */ }

td {
  padding: 4px 10px; }

.trennzeile {
  /* Kann noch mit Leben gef�llt werden */ }

.noscroll {
  overflow-y: hidden; }

.small {
  font-size: .83em; }

.big {
  font-size: 14px; }

.bold {
  font-weight: bold !important; }

.umbruch {
  word-wrap: break-word; }

.left {
  float: left; }

.right {
  float: right; }

.datatable input {
  font-weight: normal; }

/* alle Eingabe-Felder etwas abgerundet */
input,
select,
.chosen-container,
.sortiertabelle select {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

button {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.pagebase button,
.pagemask button {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.pagebase input,
.pagemask input {
  /*border-radius: 2px;

	-moz-border-radius: 2px;

    -webkit-border-radius: 2px;*/ }

.pagebase button {
  /*margin-top: 10px;*/ }

.label {
  font-weight: bold;
  font-style: italic;
  color: #808080; }

.bannertext {
  margin-bottom: 10px;
  font-weight: bold;
  font-style: italic;
  background-color: #FBFBFB;
  color: #000000; }

.highlight {
  /* Bannertext noch mehr hervorheben */
  margin-top: 30px;
  font-size: 16px !important;
  color: #3D8231 !important; }

.underline {
  border-bottom: 1px solid silver; }

/* .unten {

	Unten ist keine "Typbezeichnung" - �hnlich wie "black" oder "th-hellgruen"

	S�ulendiagramme beginnen unten innerhalb eines td's

	vertical-align: bottom;

} */
.balkendiagramm-h {
  /* S�ulendiagramme *h*horizontal beginnen links innerhalb eines td's */
  vertical-align: middle;
  text-align: left; }

.balkendiagramm-v {
  /* S�ulendiagramme *v*ertikal beginnen unten innerhalb eines td's */
  vertical-align: bottom;
  text-align: center; }

textarea,
.textarea {
  /* Einheitliches Handling */
  vertical-align: top;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  transition: height 0.2s;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  resize: both;
  overflow: auto; }

.textarea-fixed-size {
  /*  F�r Felder die als Basis BERTAclassic-Masken haben mit begrenztem Speicherplatz - n�herungsweise f�r Eingabe-Begrenzungen  */
  resize: none;
  overflow: hidden; }

.border-round {
  border: 1px solid #111;
  border-radius: 50%;
  padding: 4px;
  text-align: center;
  width: 10px; }

.kuller {
  width: 24px;
  height: 24px;
  margin-left: 6px;
  color: white;
  background-color: red;
  border-radius: 18px; }

#meldung-kuller {
  display: block;
  height: 100%;
  margin-top: 4px;
  font-weight: bold;
  font-size: 16px;
  text-align: center; }

.onlyprint,
.export-only {
  display: none; }

.numerisch,
.betrag {
  text-align: right;
  white-space: nowrap; }

.datum,
.zeit {
  text-align: center; }

.blockabstand {
  height: 20px; }

input[type='checkbox'] {
  cursor: pointer; }

.pagebase input[type='checkbox']:disabled + label::before,
.pagemask input[type='checkbox']:disabled + label::before {
  background: #e9e9e9 !important; }

/*input[type='checkbox']:disabled {

   	background: rgb(233, 233, 233);

}*/
td#zelle1 {
  /*???*/
  position: absolute;
  left: 595px; }

td#zelle2 {
  position: absolute;
  left: 700px; }

td#zelle3 {
  right: 8px;
  position: relative; }

td#zelle4 {
  left: 10px;
  position: relative; }

td#zelle5 {
  position: relative;
  left: 15px; }

td#zelle6 {
  position: relative;
  left: 70px; }

/*----------------- Erg�nzungen f�r 2.8 / 1.4. ------------------------*/
#main {
  width: 100%;
  height: 100%; }

.content-bestellief {
  width: 100%;
  height: 100%; }

.content-bestellief iframe {
  width: 100%;
  height: 100%;
  overflow: auto; }

.content-bestellief form.formfooterbl {
  position: absolute;
  bottom: 0px;
  position: fixed;
  z-index: 2;
  width: 98%; }

.content-bestellief form.formfooterbl table {
  /* padding: 10px 100px 10px 10px; die 100 sind doch bestimmt ein Versehen, oder? F�r kleine Bildschirme t�dlich! */
  padding: 5px 10px; }

.content-bestellief form.formfooterbl table td:not(.left) {
  text-align: right; }

.content-bestellief #scroller {
  height: 100%; }

#scroller {
  height: 100%; }

.fullsize {
  width: 100%;
  height: 100%; }

.fullsize98 {
  width: 98%;
  height: 100%; }

frame[name="erfassen"] {
  height: 100%;
  width: 100%; }

iframe#liste {
  height: 100%;
  overflow: auto;
  width: 100%; }

frame[name="button"] {
  height: 120px;
  width: 100%; }

.formfooter {
  position: absolute;
  bottom: 0px;
  position: fixed;
  z-index: 2;
  width: 96%;
  height: 85px; }

/*.formfooter1 {

    position: fixed;

	bottom: 0px;

	left: 0px;

    z-index: 2;

    width: calc(100% - 20px);

    padding: 2px 10px;

    background-color: $color15;

    height: 100%;

}*/
.formfooter1 {
  position: fixed;
  left: 0;
  z-index: 2;
  width: calc(100% - 20px);
  padding: 2px 10px;
  background-color: #DADADA;
  height: 100%; }

.formfooter98 {
  position: absolute;
  bottom: 0px;
  position: fixed;
  z-index: 2;
  width: 100%;
  /*height: 75px;*/
  background-color: #BFDD99; }

.formfooter1 table {
  padding: 7px 20px; }

.formfooter table,
.formfooter98 table {
  /*padding: 5px 10px; - warum ist das auskommentiert? */
  /* padding: 10px 100px 10px 10px; die 100 sind doch bestimmt ein Versehen, oder? F�r kleine Bildschirme t�dlich! */
  width: calc(100% - 20px);
  margin: 3px 10px;
  /*padding: 5px 10px;*/ }

.formfooter table td:not(.left),
.formfooter98 table td:not(.left),
.formfooter1 table td:not(.left) {
  text-align: right; }

.formfooter .td-abstand,
.formfooter1 .td-abstand {
  width: 50px;
  max-width: 50px; }

.formfooter #BILD,
.formfooter1 #BILD {
  margin-right: 10px; }

.pagebase .formfooter1 .buttonlist button {
  margin-left: 0;
  margin-right: 0; }

.formfooter1 .buttonlist {
  min-width: 640px; }

#vorauftragskopf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 99; }

#vorauftragskopf #tdatnr {
  width: 280px; }

#infoafterf {
  margin-top: 100px;
  z-index: 100; }

#info-auftrag {
  width: 350px;
  padding-right: 50px; }

#info-auftrag > div {
  margin-bottom: 2px; }

#info-auftrag span.fuehrungstext {
  display: inline-block;
  width: 106px;
  margin-right: 10px;
  text-align: right; }

#info-auftrag input {
  width: 110px; }

#zb-auftrag {
  min-width: 124px;
  display: inline-block;
  margin-top: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  border-radius: 3px; }

/*----------------------------------------------*/
#content {
  /* Der Inhalt der "Hauptseite" unterhalb des Titel-Banners - zentriert */
  margin: 0 auto;
  /* War auch mit 10px Abstand diese sind nun im titlebanner! */ }

#content::before,
#content::after {
  display: block;
  content: ' ';
  clear: both; }

#titlebanner + #content,
#menusub + #content {
  margin-top: 10px;
  padding-top: 10px; }

#titlebanner .fa-arrow-down {
  border: 1px solid #000000;
  padding: 3px;
  border-radius: 4px;
  font-size: 1.4em;
  display: inline-block;
  border-color: #000000 !important;
  color: #000000 !important; }

/* Favoritenbuttons auf Stammdatenseiten */
.favoriten {
    clear: both;
    margin: 5px 10px;
    margin-top: 15px;
}

.chronik {
    clear: both;
    margin: 5px 10px;
    margin-bottom: 15px;
    padding: 0 5px;

}

.pagebase div.chronik button.favorit,
.pagemask div.chronik button.favorit,
div.chronik button.favorit {
    height: 30px;
    margin: 5px;
    min-width: 200px;
}

.favoriten::before,
.favoriten::after {
  display: block;
  content: ' ';
  clear: both; }

/* Favoriten auf den Stammseiten */
.pagebase button.favorit,
.pagemask button.favorit,
button.favorit {
  position: relative;
  height: 40px;
  min-width: 260px;
  white-space: nowrap;
  font-weight: bold;
  overflow: hidden;
  /*border: 1px solid #909090;*/
  /*box-shadow: 0 0 0 0;*/
  /*border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;*/
  padding: 0 10px;
  margin: 5px 10px;
  background-color: #ACC254;
  color: #FBFBFB;
  border-color: #BFDD99; }

/* ------------------ Contentboxen ----------------------- */
.content {
  /* nicht ändern !!! */
  width: 100%;
  border-spacing: 10px; }

.contentbox-init {
  /* nicht ändern !!! */
  display: table;
  width: 100%; }

.contentbox {
  /* nicht ändern !!! */
  display: table-cell;
  /* width: 280px;         jetzt testweise au�er Kraft, um mal die Wirkung zu sehen, ck */
  /* width: 98%;           Kundenauskunft - Arttikelinformation --> Scrollbalken unten verschwindet im Chrome */
  /* height: 98%; */
  /* overflow: auto;       Chrome! */
  /*border: 1px solid $color36;*/
  border: 1px solid silver;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  vertical-align: top;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: none repeat scroll 0 0 transparent; }

.contentbox-flex-column {
  display: flex;
  flex-direction: column;
  border: 1px solid silver;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  vertical-align: top;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: none repeat scroll 0 0 transparent;
  margin: 10px 10px 0 10px; }

.contentbox-flex-column .legende {
  /* Auf Stammseiten der Titel eines jeden Blocks (contentbox) */
  position: relative;
  top: -10px;
  left: -10px;
  margin: 0 auto;
  width: 100%;
  /*margin: -10px auto 0 -10px;*/
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  border: 0;
  background: #BFDD99; }

.contentbox-flex-column .center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px; }

.contentbox ul {
  /*margin-left: 10px;*/
  margin-left: 0; }

.contentblockWrapper {
  padding-left: 10px; }

.contentblock {
  display: table-cell;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0; }

.contentblock600 {
  min-width: 600px; }

.contentblock800 {
  min-width: 800px; }

.contentblock.contentblockRahmen {
  padding: 10px;
  border: 1px solid silver;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.contentblock.contentblockCenter {
  display: table;
  margin: 0 auto; }

.contentblock .dataTables_wrapper {
  margin: 0; }

.contentblock table.dataTable.no-footer,
.contentblock .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: none; }

.contentbox.contentboxcolgroup {
  /* Mehrere Contentboxen vertikal anordnen (das ist der Rahmen)*/
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.contentbox.contentboxcol {
  /* Mehrere Contentboxen vertical anordnen (das ist eine Inhaltsbox)*/
  display: list-item;
  list-style: none;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 10px;
  border: #DAEB7A 1px solid; }

.contentbox .legende {
  /* Auf Stammseiten der Titel eines jeden Blocks (contentbox) */
  position: relative;
  top: -10px;
  left: -10px;
  margin: 0 auto;
  width: 100%;
  /*margin: -10px auto 0 -10px;*/
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  border: 0;
  background: #BFDD99; }

.contentbox table,
.contentblock table {
  margin: 0 auto; }

.contentbox-center {
  display: table;
  margin: 20px auto;
  padding: 10px;
  border-spacing: 0px; }

.contentbox-position {
  position: absolute;
  top: 60px;
  right: 5px;
  background-color: white;
  /*-webkit-box-shadow: 1px 1px 5px 5px rgba(255, 255, 255, 0.5);*/
  /* WebKit */
  /*-moz-box-shadow: 1px 1px 5px 5px rgba(255, 255, 255, 0.5);*/
  /* Firefox */
  /*box-shadow: 1px 1px 5px 5px rgba(255, 255, 255, 0.5);*/
  /* Standard */
  z-index: 99; }

#page-index .contentbox-center > .legende {
  /*top: -20px;

    left: -20px;

    width: calc(100% + 20px);*/ }

/*---contentbox ohne H�henbeschr�nkung---*/
.contentbox-long {
  display: table;
  margin: 10px;
  padding: 0;
  border: #DAEB7A 1px solid;
  background-color: transparent; }

.legende-long {
  width: calc(100% + 20px);
  margin: -10px 0 10px -10px;
  margin-bottom: 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  border: 0;
  background: #BFDD99; }

.content.contentFix {
  /* für 3,2 Preise 2 Boxen nebeneinander + 2 untereinander */
  width: auto;
  margin-left: 20px; }

.contentFix .contentbox .datentabelle {
  max-width: auto;
  min-width: 500px; }

.button-center {
  display: block;
  margin: 0 auto !important; }

.leerBlock {
  width: 100%;
  height: 20px; }

.leerBlockBig {
  width: 100%;
  height: 40px; }

/* -------- divs mit grid-view -------- */
.content-grid {
  min-height: 100%;
  min-width: 100%;
  display: grid;
  justify-content: left;
  float: left;
  margin: 0px 0px 0px 0px; }

.content-grid-cols2 {
  grid-template-columns: auto auto; }

.content-grid-cols2-5050 {
  grid-template-columns: 50% 50%; }

.content-grid-cols2-5248 {
  grid-template-columns: 52% 48%; }

.content-grid-cols2-5545 {
  grid-template-columns: 55% 45%; }

.content-grid-cols2-5842 {
  grid-template-columns: 58% 42%; }

.content-grid-cols2-6040 {
  grid-template-columns: 60% 40%; }

.content-grid-cols3 {
  grid-template-columns: auto auto auto; }

.contentbox-grid {
  display: grid;
  justify-content: left;
  float: left;
  margin: 0px 0px 0px 0px;
  border-radius: 0px; }

.contentbox-grid-noborder {
  border: none 0px; }

.contentbox-grid-cols2 {
  grid-template-columns: auto auto; }

.contentbox-grid-cols3 {
  grid-template-columns: auto auto auto; }

/* -------- Shadow divs wie im Serviceportal -------- */
.comments {
  width: 620px;
  font-size: 12px;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 8px;
  border: 1px solid silver;
  overflow: auto;
  background-color: #f2f2f2;
  resize: both;
  padding-bottom: 20px; }

.shadowDiv {
  margin: 1px 0 10px;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.1);
  background-color: #fefefe;
  word-break: break-word; }

.shadowDiv:hover {
  box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.2); }

.shadowDiv i {
  font-size: smaller;
  float: right;
  background-color: #e4e4e4;
  border-radius: 6px;
  padding: 5px 10px;
  margin-bottom: 5px;
  font-style: italic; }

.FormLabel {
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
  text-decoration: none; }

/* ------------------------------------------------------ */
.period {
  display: block;
  width: 230px;
  margin-left: 10px; }
  .period .dateToArea {
    padding-top: 10px; }
  .period .dateFromLabel, .period .dateToLabel {
    float: left;
    width: 50px;
    margin-top: 8px; }
  .period .dateFromInput, .period .dateToInput {
    height: 10px;
    width: 120px; }

/* ------------------------------------------------------ */
/* -------------- tooltip im button-hover --------------- */
span.einblenden, span.einblendenColorPic, span.einblendenArtPic {
  display: none; }

.tooltip {
  position: relative; }

/* ----------- tooltip Artikelbilder 3,1/3,2 ------------ */
span.einblendenArtPic {
  width: 150px;
  height: auto;
  margin: 10px;
  padding: 12px;
  text-align: left;
  border: 1px solid silver;
  border-radius: 3px;
  background-color: white; }

span.einblendenArtPic img {
  display: block;
  max-width: 130px;
  margin-bottom: 10px; }

.tooltip:hover span.einblendenArtPic {
  position: absolute;
  top: -20px;
  left: 10px;
  z-index: 999;
  display: block;
  overflow: visible;
  -webkit-transition: all 0.1s ease-in;
  /* Safari */
  transition: all 0.1s ease-in; }

/* ------- tooltip Artikelbilder 3,1/3,2 über js -------- */
.imgWrap {
  display: table-cell;
  width: 150px;
  height: 100px;
  vertical-align: middle; }

.tooltipIcon {
  display: block;
  max-height: 90px;
  width: auto;
  max-width: 140px;
  margin: 5px auto 0; }

.tooltipIcon[alt] {
  /* display: block; */
  /* margin-left: 5px; */ }

.noPic {
  margin-top: 40px;
  margin-left: 5px; }

.imgInfo {
  display: block;
  font-size: 8px;
  margin-top: 1px;
  margin-left: 5px; }

/* ---------------- tooltip Arbeitsplan ----------------- */
span.einblenden {
  width: 150px;
  height: auto;
  margin: 10px;
  padding: 12px;
  text-align: left;
  border: 1px solid silver;
  border-radius: 3px;
  background-color: white;
  color: #333; }

.tooltip:hover span.einblenden {
  position: absolute;
  top: 16px;
  left: 100px;
  z-index: 999;
  display: block;
  -webkit-transition: all 0.1s ease-in;
  /* Safari */
  transition: all 0.1s ease-in; }

/* ----------- tooltip Farbvarianten 3,1/3,2 ------------ */
span.einblendenColorPic {
  width: 120px;
  height: auto;
  /*margin: 8px;*/
  padding: 10px 16px 16px;
  text-align: left;
  border: 1px solid silver;
  border-radius: 3px;
  background-color: white;
  color: #333; }

span.einblendenColorPic img {
  max-width: 120px;
  height: auto;
  margin-top: 10px; }

.tooltip:hover span.einblendenColorPic {
  position: absolute;
  top: 18px;
  left: 0px;
  z-index: 999;
  display: block;
  -webkit-transition: all 0.1s ease-in;
  /* Safari */
  transition: all 0.1s ease-in; }

/* -------- tooltip 1,8 Lieferung Farbvarianten --------- */
.abholbereit {
  background-color: #80FF00; }

.tooltipFarbe {
  position: relative;
  display: inline-block; }

.tooltipFarbeContent {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 8px;
  text-align: left;
  color: black;
  background-color: white;
  border: 1px solid silver;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.5);
  /* WebKit */
  -moz-box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.5);
  /* Firefox */
  box-shadow: 1px 1px 1px 1px rgba(150, 150, 150, 0.5);
  /* Standard */
  z-index: 1; }

.tooltipFarbe:hover .tooltipFarbeContent {
  visibility: visible;
  z-index: 999; }

/* ------------------------------------------------------ */
/* -------------------- vex alert ----------------------- */
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary {
  background: #AABBCC !important; }

.vex.vex-theme-default.vex-theme-artikel-lager-inventur .vex-content {
  width: 300px; }

.vex-artikel-lager-inventur-ausgabe-div {
  float: left;
  width: 150px; }

/* ------------------------------------------------------ */
/* ---------------Kacheln (statt table)------------------ */
.kachelListe {
  color: #000000; }

.kachel {
  float: left;
  height: 100px;
  width: 110px;
  /*margin-right: 10px;

	margin-bottom: 10px;*/
  margin: 5px;
  padding: 10px;
  border: 1px solid silver;
  border-radius: 10px;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden; }

.kachel:last-child {
  /*margin-right: 0;*/ }

/* ------------------------------------------------------ */
.blockfunctions {
  /* Auf Stammseiten der Buttonblock um die Anzeigebl�cke (contentbox) ein und aus zu schalten */
  display: inline;
  position: absolute;
  right: 2px;
  top: 1px;
  left: auto;
  z-index: 9; }

.cellfunctions {
  /* In einzelnen Tabellenzellen f�r "rechts" angeordnete Elemente */
  display: inline-block;
  position: relative;
  right: 1px;
  left: auto;
  z-index: 9; }

.functions {
  /* In einem umgebenden Div f�r "rechts" angeordnete Elemente */
  display: block;
  position: relative;
  margin: 0 0 0 auto;
  width: 100%; }

#maske-kopf .functions {
  /* Kopf f�r funktionale Elemente */
  position: inherit;
  margin: 0 10px; }

#titlebanner {
  width: 100%; }

#maske-kopf {
  display: table;
  width: 100%;
  padding: 5px 0; }

#kopf-titel {
  display: table-cell;
  /* display: inline-block; */
  text-align: center;
  vertical-align: middle;
  position: relative;
  width: calc(90% - 250px); }

#kopf-titel2 {
  display: table-cell;
  vertical-align: middle;
  margin: 2px 10px;
  width: 250px; }

#kopf-funktionen1 {
  display: table-cell;
  vertical-align: middle;
  width: 50px; }

#kopf-funktionen2 {
  display: table-cell;
  vertical-align: middle;
  width: 180px;
  text-align: right; }

#kopf-mandant::after {
  content: '\A';
  white-space: pre; }

#kopf-mandant,
#kopf-menu,
#kopf-datum,
#kopf-docedit {
  text-align: left; }

#kopf-menu,
#kopf-docedit {
  display: inline-block; }

#titelbanner-ueberschrift {
  padding: 1px 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.display-navi {
  display: flex;
  flex-direction: row; }
  .display-navi div:nth-last-of-type(2) {
    width: 59%; }
    .display-navi div:nth-last-of-type(2) span {
      text-align: center; }
  .display-navi div:last-of-type {
    width: 20%;
    float: right; }
    .display-navi div:last-of-type a {
      float: left; }
  .display-navi div:first-of-type {
    width: 20%;
    float: left; }
    .display-navi div:first-of-type a {
      float: right; }

#kopf-mandant {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: whitesmoke;
  color: #555; }

#kopf-doku,
#kopf-favorit,
#kopf-druck,
#kopf-zurueck,
#kopf-weiter {
  display: inline-block;
  margin: 2px 5px; }

.auswahl,
.auswahl:hover,
.auswahl:active,
.auswahl:focus,
td.auswahl,
td.auswahl :hover,
td.auswahl :active,
td.auswahl :focus,
tr.auswahl,
tr.auswahl :hover,
tr.auswahl :active,
tr.auswahl :focus,
.auswahl a,
.auswahl a:hover,
.auswahl a:active,
.auswahl a:focus,
a,
a:hover,
a:active,
a:focus,
a.auswahl,
a.auswahl:hover,
a.auswahl:active,
a.auswahl:focus {
  cursor: pointer; }

.zeileaktiv, .zeileaktiv td {
  /* td, tr */
  font-variant: small-caps;
  font-weight: bold !important;
  font-size: 120%; }

hr.separator {
  margin: 0; }

table.raster {
  border-collapse: separate; }

table.menuliste {
  border-spacing: 0; }

table.menuliste th {
  padding: 0; }

table.menuliste td {
  padding: 0; }

table.outertable {
  border-spacing: 0; }

table.outertable th {
  padding: 0; }

table.outertable td {
  padding: 0; }

.datentabelle {
  margin: 0 auto;
  /* border-collapse: separate; */ }

table.table-contrast,
.datentabelle.table-contrast {
  background-color: #EFF5DF; }

.datentabelle:not(.sortiertabelle) {
  /*max-width: 98%;*/ }

.datentabelle td ul {
  list-style: none; }

.tabelle-breit {
  /* Datentabelle mit viel Inhalt, daher Breite gro� festschreiben */
  width: 98%;
  /* border-collapse: separate; */ }

.tableWfooter {
  margin-bottom: 50px; }

.contentblock table.datentabelle {
  width: 100%; }

.contentblock table.tabelle-breit,
.contentbox table.tabelle-breit {
  /* Sonst gibt es automatisch einen Scrollbalken, obwohl Platz ist */
  width: inherit; }

.tabelle-breit::after {
  /* und nichts daneben */
  display: block;
  content: ' ';
  clear: both; }

.contentblock .datentabelle + .datentabelle,
.tabelle-breit + .tabelle-breit {
  /* und nicht unmittelbar unter eine andere so breite Tabelle klatschen */
  margin-top: 10px; }

.contentbox table.datentabelle {
  display: block;
  overflow: auto;
  /*width: 104%*/
  /*sonst ist in 1,2 die Tabelle zu breit*/ }

.contentbox table.datentabelle:not(.tabelle-breit) {
  /* Um �berm��ig gro�e Tabellenbl�cke in den Stammseiten mit einem

	Scrollbar zu versehen - z.B. Lagerliste in der 3.2 */
  max-height: 400px;
  scrollbar-gutter: stable both-edges; }

.datentabelle caption {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  color: #555; }

.datentabelle th {
  padding: 2px 5px;
  white-space: nowrap; }

table.datentabelle:not(.raster) th {
  /* TEST - Im Kopf nach jedem th eine Border wegen colspan */
  border-right: 1px solid silver; }

table.datentabelle:not(.raster) td:not(:last-of-type) {
  /* TEST */
  border-right: 1px solid silver; }

table.datentabelle td.noborder,
table.datentabelle td.noborder td {
  border: none !important; }

.datentabelle td {
  padding: 4px 10px;
  white-space: nowrap; }

.pflegetabelle {
  margin: 0 auto;
  max-width: 98%; }

.pflegetabelle th {
  padding: 2px 5px; }

.pflegetabelle td {
  padding: 4px 10px; }

.memoliste {
  margin: 0 auto;
  /* width: 98%; */ }

.memoliste td {
  padding: 2px 5px; }

.anwahlliste {
  margin: 0 auto; }

.anwahlliste th {
  padding: 2px 5px; }

.anwahlliste td {
  /*padding: 0;*/
  padding-right: 10px; }

.anwahlliste td.column-function, .anwahlliste td.auswahl {
  padding-right: 0; }

.anwahlliste td.textklein {
  padding: 4px 10px; }

.anwahlliste td label {
  display: block;
  padding: 8px 16px; }

.pagebase .anwahlliste input[type="radio"] + label {
  margin-right: 0; }

.topdaten {
  margin: 0 auto; }

#topdaten {
  /* Abstand f�r CaWe vor und nach den Favoriten in Anwahllisten z.B. 5.2.10 */
  margin: 10px auto; }

table.maske {
  margin: 0 auto;
  /* Irgendwer wollte zun�chst Masken zentriert dargestellt haben und dann wieder links und nun war beides und mal so und so und JETZT sind Masken NICHT mehr zentriert */
  /* Sorry, das kriegen wir so schnell nicht �berall dort gebacken, wo sich zus�tzliche Elemente ZENTRIERT um die Maske scharen - das sieht dann EXTREM unprofessionell aus. CaWe @ 10.Juni'15 */ }

table.maske td {
  padding: 2px 0; }

.tabellenmaske {
  margin-top: 5px;
  min-width: 100%; }

table.tabellenmaske {
  /* Diese Klasse ist derzeit f�r alle Masken im 8er-Bereich genutzt. Dort ist <center> doof. */ }

table.auskunftsblock td {
  padding: 4px 10px;
  /* padding: 2px 0; */ }

table.ausgabe-tab-row-zusatzinfo td {
  padding: 0; }

.alledaten {
  margin: 0 auto; }

img {
  border: 0; }

img .hauptbild {
  clear: both; }

.dateTextInput {
  font-size: 24px; }

.floatleft {
  float: left;
  margin-right: 15px; }

.clear {
  clear: both; }

input[type='button']:disabled,
button:disabled {
  cursor: not-allowed; }

[onclick] {
  cursor: pointer; }

/* .link {

	Jetzt an a-href angepasst - siehe dort

	cursor: pointer;

	text-decoration: underline;

	color: $color8;

} */
img.link {
  text-decoration: none;
  padding-left: 2px; }

.link span.fa,
span.fa.link {
  /* Sind auch Icons - nicht unterstreichen */
  text-decoration: none; }

.nobreak {
  white-space: nowrap; }

.nowrap {
  white-space: nowrap; }

.hilfekontext {
  cursor: help; }

.hilfeicon {
  /* Mouse over Hilfe je Feld */
  cursor: help;
  width: 16px;
  height: 16px;
  padding-left: 2px;
  vertical-align: 1%;
  font-size: .83em; }

.hilfeiconclick {
  /* Hilfe bei Click - z.B. Maskenhilfe */
  cursor: help;
  width: 16px;
  height: 16px;
  padding-left: 2px;
  vertical-align: 2%;
  font-size: .83em; }

.stern {
  padding-left: 2px;
  color: #FF0000;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none; }

#Tabelle {
  margin: 0 auto; }

#Account {
  height: auto;
  width: 180px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 8px;
  padding: 8px 10px;
  line-height: 18px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /*border: 1px solid #999;*/
  background-color: #FFFFFF; }

#Account hr {
  /*height: 1px;*/
  margin-top: 6px;
  margin-bottom: 6px;
  border: none;
  border-top: 1px solid silver;
  color: silver;
  background-color: silver; }

#Account select {
  max-width: 180px;
  margin-top: 4px;
  border: none;
  border: 1px solid silver; }

#backlink {
  margin-top: 20px; }

.pagemenu {
  background-color: #DEF0B1; }

.pagetop {
  /* Top Frame / Banner */
  background-color: #EFF5DF; }

.pagebase {
  /* Standard-Seite im Hauptframe */
  background-color: #FBFBFB; }

.pagemask,
#zenBody {
  /* Seite im Hauptframe, die aus einer BERTAclassic-Maske generiert wurde */
  /* margin: 0.2em 1em 1em 1em; unn�tiger Abstand um die Masken rum! */
  background-color: #FBFBFB; }

#content.iframeContent {
  margin-top: 0; }

.iframeContent .scroller iframe {
  width: 100%;
  height: 95%; }

.iframeContent .scroller iframe img {
  /*max-width: 100%!important;*/ }

.artikelIcon {
  display: block;
  min-width: 20%;
  max-width: 90%;
  height: auto;
  margin: 0 auto; }

.FrameAnpassung {
  /* Achtung: tempor�re Klasse wegen 1.4 etc. - wird wieder entfernt! ck */
  height: 100%; }

.FrameAnpassung #content {
  /* Achtung: tempor�re Klasse wegen 1.4 etc. - wird wieder entfernt! ck */
  height: calc(100% - 20px); }

.FrameAnpassung2 #content {
  height: calc(100% - 100px); }

#seite {
  margin: auto;
  /* Div soll zentriert werden */
  min-height: 100%;
  /* Mindesth�he f�r moderne Browser */
  height: auto !important;
  /* Important Regel f�r moderne Browser */
  height: 100%;
  /* Mindesth�he f�r den IE */
  overflow: hidden !important;
  /* FF Scroll-leiste */ }

.bodykompakt {
  margin: 0; }

.kompakt {
  margin: 0; }

strong {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none; }

a:not(.current),
.link:not(.current) {
  font-weight: bold;
  /* bold wie der hover, sonst "zuckende Zeilen" */
  color: #3D8231; }

a:not(.current):hover,
a:not(.current):active,
a:not(.current):focus,
.link:not(.current):hover,
.link:not(.current):active,
.link:not(.current):focus {
  /*font-weight: bold;*/
  text-decoration: underline;
  color: #3D8231; }

a.current,
a.current:hover,
a.current:active,
a.current:focus,
.link.current,
.link.current:hover,
.link.current:active,
.link.current:focus {
  /*font-weight: bold;*/
  text-decoration: none;
  color: inherit;
  cursor: default;
  color: darkgrey; }

button,
input[type='button'],
input[type='submit'] {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border-style: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* Pseudo-Klasse um die text-decoration underline wegzubekommen */ }

th.sortable:hover,
th.sortable:active,
th.sortable:focus {
  text-decoration: underline; }

.titeltext {
  font-size: 18px;
  text-align: center;
  /*color: $color45a;*/
  color: #000000; }

.text {
  font-weight: normal; }

.textklein {
  font-size: 10px;
  font-weight: bold;
  color: #000000; }

.ueberschrift-weis {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF; }

.ueberschrift-grau {
  font-size: 14px;
  color: #4F4F4F; }

.ueberschrift-black {
  color: #000000; }

.ueberschrift {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  color: #000000; }

.fuehrungstext {
  vertical-align: middle;
  white-space: nowrap;
  /* wieder mal rein, damit F�hrungstext zusammenh�ngend, ck 23.06.2015 */ }

.maske td.fuehrungstext {
  /* Abstand des Feld-F�hrungstextes vom linken Rand, damit langfristig die Trennspalte wegfallen kann */
  /* Ein Setzen direkt im .fuehrungstext ist nicht ausreichend durch andere restriktivere Regeln */
  padding-left: 15px;
  line-height: 22px;
  /* rechnerisch wird diese H�he eh' in Zeilen gesetzt, die ein Hilfe-Icon haben - dann auch jetzt einheitlich, ck 30.06.2015 */ }

.maske td.bereich {
  /* Jetzt auch f�r Flie�texte, die am Ende der Maske angesiedelt sind */
  padding-left: 15px; }

.fuehrungstext-block {
  /* Zusatz-Klasse zu .fuehrungstext, wenn "rechts" ein gesamter Block angezeigt wird und daher der F�hrungstext nicht mittig, sondern oben positioniert werden soll */
  vertical-align: top; }

.feldwert {
  vertical-align: middle;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.feldwert-block,
.feldwert-block {
  /* Zusatz-Klasse zu .feldwert, wenn es ein gesamter Block ist (also z.B. eine Multi-Select-Box) und daher der F�hrungstext und eben auch dieser Block nicht mittig, sondern oben positioniert werden soll */
  vertical-align: top; }

.fuehrungstext-auskunft,
.feldwert-auskunft {
  vertical-align: top;
  white-space: nowrap; }

.feldwert-auskunft {
  font-weight: bold; }

.feldwert-auskunft-sub {
  /* Untergeordnete Info zu .feldwert-auskunft */
  font-weight: inherit;
  white-space: nowrap; }

.feldwert-auskunft-sub a {
  /* Sonst sind a-Tags allein deshalb fett, weil sie a-Tags sind und nicht weil sie es auch hier sein sollten */
  font-weight: inherit; }

.feldwert-auskunft-lang {
  /* F�r Felder in denen der Anwender �berlange Zeilen eingeben kann (Freitext oder Merkmale) */
  white-space: normal; }

.fuehrungstext-auskunft-lang {
  /* F�r Felder in denen der Anwender �berlange Zeilen eingeben kann (Freitext oder Merkmale) */
  white-space: normal; }

.normal {
  font-size: 12px;
  font-weight: normal;
  color: #000000; }

.wichtig {
  font-weight: bold !important;
  color: #CE2037 !important; }

.unwichtig {
  opacity: 0.7; }

.textmessage {
  text-align: center; }

.textblock {
  margin: 0 auto; }

/*------------------------------------------------*/
.sortiertabelle-header .dt-button {
  padding: 5px;
  text-align: justify;
  color: #666;
  border: 1px solid silver;
  border-radius: 4px; }

.pagebase .sortiertabelle-header input[type="search"],
.pagemask .sortiertabelle-header input[type="search"] {
  padding: 2px 4px !important; }

div.tab-top {
  font-weight: bold;
  font-size: 14px; }

tr.tab-top,
.fusswert {
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
  vertical-align: middle; }

th.tab-top,
.tpHead {
  font-weight: bold;
  /*padding: 2px 10px;*/
  padding: 8px 10px;
  vertical-align: middle;
  background-color: #ACC254;
  color: #FFFFFF; }

th.tab-top.tab-top-top {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid silver; }

th.tab-top.tab-top-bottom {
  padding-top: 4px;
  padding-bottom: 4px; }

th.tab-top:not(.betrag):not(.numerisch),
.tpHead {
  text-align: center; }

.tab-top a,
.tab-top a.normal,
.tab-top a:hover,
.tab-top a:active,
.tab-top a:focus {
  color: #FFFFFF; }

td.tab-top {
  background-color: #ACC254;
  color: #FFFFFF;
  padding: 2px 5px; }

th span.title {
  vertical-align: middle; }

.cell-line-top {
  min-height: 14px;
  padding: 0 4px 2px; }

.cell-line1, .cell-line0 {
  height: 10px;
  padding: 2px 4px; }

.cell-100px {
  width: 100px; }

.cell-50px {
  width: 50px; }

.ausgabe-tab-row1 .cell-line1 {
  background-color: #F7F7F7; }

.ausgabe-tab-row1 .cell-line0 {
  background-color: #E2F0BA; }

.ausgabe-tab-row2 .cell-line1 {
  background-color: #E2F0BA; }

.ausgabe-tab-row2 .cell-line0 {
  background-color: #F7F7F7; }

.gitter tr th, .gitter tr td {
  border-right: 1px solid #73842D; }

.gitter tr th:last-child, .gitter tr td:last-child {
  border: none; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.maske-ueberschrift {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  color: #FBFBFB; }

#kopf-titel.maske-ueberschrift {
  white-space: normal;
  /* letter-spacing: 1px; Nur, wenn die Schrift Serifen zum einfacheren Lesen hat. */ }

.texttop {
  color: #000000; }

.button-standard {
  font-weight: bold;
  background-color: #F4FFF9;
  color: #4F4F4F; }

#SUCH {
  margin-left: 17px;
  padding: 3px 10px;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #FFFFFF; }

.fa-search {
  cursor: pointer; }

.inputtop-weis {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #000000;
  border: #000000 1px solid; }

.input-rechtsbund {
  font-size: 10px;
  text-align: right;
  background-color: #FFFFFF;
  color: #000000;
  border-color: #000000 #C9E77C #C9E77C #000000; }

.input-rechtsbund-weis {
  font-size: 10px;
  text-align: right;
  background-color: #FFFFFF;
  color: #000000; }

.input12 {
  font-size: 12px;
  font-weight: bold; }

.input {
  font-size: 12px;
  font-weight: bold; }

.input14 {
  font-size: 14px;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #4F4F4F;
  border-color: #000000 #C9E77C #C9E77C #000000; }

.AbhaengigerWert {
  font-size: 13px;
  font-style: lighter;
  background-color: #DEF0B1;
  color: #000000; }

.buttontop {
  font-size: 11px;
  /* width: 130px;   Das ist doch Mumpitz! ck */
  min-width: 130px;
  background-color: #ACC254;
  font-weight: bold;
  color: #FBFBFB;
  border-color: #EFF5DF;
  border-style: none; }

.buttontopnormal {
  font-size: 11px;
  background-color: #ACC254;
  font-weight: bold;
  color: #FBFBFB;
  border-color: #EFF5DF; }

.buttontopsm {
  background-color: #63A621;
  color: #000000; }

.tab-balke-bottom,
.tab-balken-bottom {
  font-weight: bold;
  border-top: #000000 1px solid; }

.ueberschrift-blacktopright {
  font-weight: bold;
  border-right: #000000 1px solid;
  border-bottom: #000000 1px solid; }

.ueberschrift-blacktop {
  font-weight: bold;
  border-bottom: #000000 1px solid; }

.ueberschrift-blackright {
  font-weight: bold;
  border-right: #000000 1px solid; }

.ButtonRot {
  font-weight: bold;
  background-color: #CE2037;
  color: #FFDFDF;
  border-color: #FFDFDF #000000 #000000 #FFDFDF; }

.button-warn {
  font-weight: bold; }

.button-on {
  font-weight: bold !important;
  background-color: paleturquoise !important;
  color: crimson !important; }

li.unselected, option.unselected {
  font-weight: lighter;
  color: #4F4F4F; }

.SumoSelect p.CaptionCont, li.selected, option.selected {
  font-weight: bold;
  color: #000000; }

.fehler {
  color: #990000;
  font-weight: bold; }

.formatiert {
  font-family: "Courier New", Courier, monospace;
  font-weight: bold; }

.legende {
  background: #EFEFEF;
  /*color: #000000;*/
  padding-left: 10px;
  padding-right: 10px;
  /*border: 1px solid $color28;*/ }

.fieldset,
.fieldSet {
  margin: 10px;
  padding: 15px;
  /*margin-top: 10px;

    margin-bottom: 10px;*/
  background: none;
  border: 1px solid #AABBCC; }

.fieldset .ebayMenueButton {
  width: 300px;
  height: 32px; }

.lastupdate {
  font-size: 80%;
  font-style: italic; }

.fieldSet legend,
.fieldset legend {
  min-width: 300px;
  font-weight: bold;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  /*border: 1px solid $color28;*/
  color: #000000;
  background: #DEF0B1; }

.fieldSet legend .legendClick,
.fieldset legend .legendClick,
.fieldset legend.legendInner {
  min-width: 280px;
  display: inline-block;
  padding: 4px 10px; }

.ausgabe-tab-summen {
  font-weight: bold;
  padding: 2px 10px;
  color: #ACC254;
  background-color: #F0EA75; }

/*------------------------------------------------*/
.maske-balke,
.maske-balken {
  padding: 0 1px;
  margin: 0 0;
  width: 100%;
  border-collapse: collapse;
  background-color: #ACC254;
  min-height: 35px;
  color: #FBFBFB;
  cursor: default; }
  .maske-balke td,
  .maske-balken td {
    padding: 4px 5px; }
  .maske-balke td.ausgabe-tab-row2,
  .maske-balken td.ausgabe-tab-row2 {
    background-color: #DADADA; }

.maske-balke a,
.maske-balken a,
.maske-balke .textklein,
.maske-balken .textklein {
  color: #FBFBFB; }

.maske-balke .ausgabe-tab-row2 a,
.maske-balken .ausgabe-tab-row2 a {
  color: #333; }

.maske-balke .ausgabe-tab-row2 a:hover,
.maske-balken .ausgabe-tab-row2 a:hover {
  color: #3D8231; }

.maske-balke .chosen-container,
.maske-balken .chosen-container {
  width: auto !important;
}

.maske-balke-sub,
.maske-balken-sub {
  padding: 0;
  margin: 0 0;
  width: 100%; }

/*------------------------------------------------*/
#titlebanner .maske-ueberschrift .fuehrungstext,
#titlebanner .maske-ueberschrift .feldwert-auskunft {
  vertical-align: bottom; }

/*------------------------------------------------*/
/*Button nav-top-bulk in einer table */
#titlebanner .maske-balken {
  position: relative; }

.pagebase .nav-top-bulk button.singleicon, .pagemask .nav-top-bulk button.singleicon {
  /*float: right;*/
  position: absolute;
  top: 3px;
  right: 0;
  /* height: 25px; */
  /*margin: 2px 5px;*/
  margin: 2px 4px 2px; }

.pagebase .nav-top-bulk .fa-gear.fa-lg, .pagemask .nav-top-bulk .fa-gear.fa-lg {
  padding-left: 4px; }

.plusicon {
  display: inline-block;
  min-width: 20px;
  margin-button: 2px;
  padding: 3px;
  text-align: center;
  font-size: 1.4em;
  border-radius: 4px; }

#maske-kopf .plusicon,
#titlebanner .plusicon {
  font-size: 1.4em;
  border: 1px solid #FFFFFF; }

#maske-kopf .plusicon:not(.fixcolor),
#titlebanner .plusicon:not(.fixcolor) {
  color: #FFFFFF !important; }

#titlebanner .ausgabe-tab-row2 .plusicon {
  border: 1px solid #777; }

#titlebanner .ausgabe-tab-row2 .plusicon:not(.fixcolor) {
  color: #777 !important; }

#maske-kopf .plusicon:hover,
#titlebanner .plusicon:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.1); }

.maske-balke .fa-print,
.maske-balke .fa-question-circle,
.maske-balke .fa-chevron-left {
  color: white !important;
  font-size: 1.4em;
  border-radius: 4px;
  border: 1px solid #f5f5f5;
  margin-button: 2px;
  padding: 3px; }

.maske-balke .fa-print:hover,
.maske-balke .fa-question-circle:hover,
.maske-balke .fa-chevron-left:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.1); }

/* -------------------------- Artikel Slider ---------------------------- */
.cycle-slideshow, .cycle-slideshow * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.cycle-slideshow {
  position: relative;
  width: 200px;
  height: 100%;
  max-height: 160px;
  min-width: 100px;
  padding: 0;
  border: 1px solid #e3e5e8; }

.cycle-slideshow img {
  display: block;
  top: 0;
  left: 5;
  width: 100%;
  max-width: 220px;
  max-height: 160px;
  padding: 0; }

.cycle-carousel-wrap {
  position: absolute;
  top: 33px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.cycle-prev, .cycle-next {
  position: relative;
  top: 50px;
  width: 5px;
  height: 10px;
  filter: alpha(opacity=100);
  z-index: 800;
  opacity: 1;
  cursor: pointer; }

.cycle-next {
  left: 200px;
  top: -55px;
  margin-left: 2px; }

.cycle-prev {
  margin-top: -5px; }

/* -------------------------- Artikel Dateiablage ---------------------------- */
#DATEIABLAGE .far, #DATEIABLAGE .fas {
  /* neue icons */
  padding: 4px; }

#DATEIABLAGE .column-functions {
  /*white-space: nowrap;*/ }

.blockvideo {
  width: 640px;
  margin: 20px auto 40px; }

video {
  width: 100%;
  background-color: silver; }

/* ---------------------------- Farben Artikel ------------------------------ */
.artImage {
  display: block;
  margin: 0 auto;
  padding: 7px;
  border: 1px solid silver;
  border-radius: 5px; }

#artImg .fa-image {
  display: block;
  margin: 0 auto; }

#imgZus {
  margin-top: 10px;
  margin-bottom: 10px; }

#imgZus #imgdownload {
  margin-left: 20px; }

#imgZus #imgzoom {
  margin-right: 20px; }

#imgZus .fa, #imgdownload .fa {
  padding: 6px 4px 6px 5px;
  border-radius: 5px; }

#imgZus.imgZusAB .fa {
  padding: 6px 1px 5px 5px; }

#imgZus .fa:hover, #imgdownload .fa:hover {
  /*transition: all .2s ease-in-out;

    transform: scale(1.1);*/
  background-color: #ECEDEB; }

#imgdownload {
  margin-top: 4px;
  margin-right: 8px; }

#imgzoom {
  float: right;
  margin-top: 4px;
  margin-right: 12px; }

#artikelinfo {
  float: left;
  max-width: 130px;
  min-height: 120px;
  margin-top: 4px; }

#farbdaten {
  max-width: 500px; }

#farbicons, #farbdaten {
  margin-top: 20px;
  margin-bottom: 10px; }

#farbicons .fuehrungstext {
  vertical-align: bottom; }

#farbicon {
  display: inline-block;
  margin-left: 10px; }

#farbicon span.fa {
  margin-left: 2px; }

.iconDesign {
  position: relative;
  bottom: -2px;
  margin-left: 2px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2); }

th .iconDesign {
  bottom: -1px; }

.tooltip .fa-lg {
  min-width: 12px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2);
  box-shadow: 0px 0px 3px 0px rgba(40, 40, 40, 0.2); }

.farbenerfassen {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 30px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: linear-gradient(to right, red, orange, yellow, green, indigo, violet); }

.color-id {
  display: inline-block;
  min-width: 30px;
  margin-right: 10px; }

/* ---------------------------- Zen-Klassen alt ------------------------------ */
table.tpTable {
  empty-cells: show;
  background-image: none;
  color: #FFFFFF;
  border: #3D8231 1px solid; }

.caption,
caption,
table.tpTable caption {
  display: table-caption;
  font-weight: bold;
  text-align: center;
  /* letter-spacing: 1px; Nur, wenn die Schrift Serifen zum einfacheren Lesen hat. */
  color: #333;
  background-color: #DADADA;
  background-image: none; }

table.tpTable th {
  font-weight: bold;
  text-align: center;
  padding: 3px;
  background-image: none;
  background-color: #ACC254;
  color: #FFFFFF; }

table.tpTable th select,
table.tpTable th input {
  color: #000000; }

table.tpTable td {
  border: 0;
  padding: 3px; }

/* @doc="Selected row within table." */
table.tpTable tr.tpSelected {
  border: 0;
  color: #000000;
  background: #F0EA75;
  padding: 3px; }

table.tpTable tr.tpSelected td {
  border: 0;
  padding: 3px; }

/* Navigation zur ZEN-Tabelle*/
.tnbrFound {
  color: #202020;
  font-size: 1em;
  font-weight: bold; }

.tnbrPagingButtons {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #4F4F4F;
  color: #000000;
  font-size: 1em;
  margin-left: 5px;
  padding: 1px; }

a.radioSetCaption {
  color: #000000;
  text-decoration: none;
  vertical-align: middle; }

.NoInputInfo {
  border: 0;
  visibility: hidden;
  background-color: #F4FFF9; }

#infoFeld {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  border: 0;
  margin: 5px; }

#infoDiv {
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
  overflow: hidden;
  z-index: 100;
  position: absolute;
  border: #000000 solid 1px;
  background-color: #FFFFFF;
  min-width: 250px;
  min-height: 250px;
  display: none; }

.ASMfrtxt {
  font-family: "Courier New", Courier, monospace;
  overflow: auto;
  font-size: 14px;
  line-height: 1.2; }

.negativwert {
  color: #FF0000 !important; }

.nullen {
  font-size: 60%; }

/*nicht mehr verwenden

#wartebalken {

    position: absolute;

    left: 300px;

    top: 150px;

    width: 220px;

    height: 40px;

    z-index: 0;

    background-color: $color23;

    border: 1px solid $color7;

}

*/
/* Favoriten im Hauptfenster */
/*.groupbanner {	 heisst jetzt bannertext und kann allg. für Überschriften genutzt werden

    width: calc(100% - 6px);

    display: block;

    padding-top: 10px;

    padding-left: 6px;

	font-weight: bold;

	font-style: italic;

    background-color: $color16;

    color: $color51;

}*/
.menufavorit {
  position: relative;
  height: 95px;
  width: 128px;
  padding: 0 3px 8px;
  /*--*/
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  /*border: 1px solid #909090;*/
  /*border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;*/
  background-color: #ACC254;
  color: #FBFBFB;
  /*border-color: $color15;*/
  border: none;
  /*opacity: 0.9;*/ }

.menufavorit .menufavorit-content {
  position: absolute;
  top: 15px;
  display: block;
  width: 94%;
  text-align: center; }

.menufavorit img {
  position: absolute;
  top: 6px;
  left: 52px; }

.menufavorit small {
  top: 16px;
  font-size: 9px;
  font-weight: light; }

#page-index #content .favoritenblock {
  width: calc(100% - 30px);
  padding: 10px 15px; }

#page-index #content .favoritenblock.favoritenblocksmall {
  width: calc(100% - 410px); }

.favoritenblock li {
  float: left;
  display: inline-block;
  list-style: none;
  text-decoration: none;
  /* Pseudo-Klasse um die text-decoration underline wegzubekommen */
  /*margin: 3pt;*/
  margin: 6px;
  border: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  cursor: pointer; }

.favoritenblock li.sortable-item,
.sortable-item {
  cursor: move; }

.favoritenblock .placeholder {
  background: transparent;
  border: 1px dashed #ACC254; }

.favoritenblock .bannertext {
  margin: 10px 6px 2px; }

/* Submen� zur Funktionsanwahl auf den f�nf gro�en Stammseiten */
#menusub {
  float: right;
  position: relative;
  /*display: block;*/
  /* wofür? das ist ein Block-Element! */
  width: 100%;
  min-height: 35px;
  /* top: -12px;   das ist n�tig, wenn 'oben' der ul nicht initial auf 0px gesetzt wird */
  background-color: #DEF0B1; }

#menusub::after {
  content: ' ';
  clear: both; }

#menusub ul.nav-dropdown li > a {
  display: block;
  width: 100%; }

#menusub ul.nav-dropdown li:not(.has-sub) > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 10px;
  width: 320px; }

#menusub ul.nav {
  max-width: 97%;
  background-color: #DEF0B1; }

#menusub ul.nav li {
  list-style: none;
  height: 31px;
  background-color: #DEF0B1;
  color: #4F4F4F; }

#menusub ul.nav li.nav-top {
  float: left;
  position: relative;
  text-transform: uppercase;
  line-height: 30px;
  padding: 3px 5px 1px 3px;
  min-width: 130px;
}

#menusub ul.nav li.nav-top {
  /*border-left: 1px dotted $color7;*/
  /*border-right: 1px dotted $color7;*/
  border-right: 1px solid #BFDD99;
  border-collapse: collapse; }

#menusub ul.nav li.nav-top.has-sub > a {
  padding-right: 10px; }

#menusub ul.nav li.nav-top.has-sub > a::after {
  float: right;
  margin-right: 10px;
  text-align: right;
  /* fa-chevron-down - Pfeil nach unten*/
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-style: normal;
  content: '\f078';
  font-weight: 900; }

#menusub ul.nav li.nav-item.has-sub > a::after {
  float: right;
  margin-right: 10px;
  text-align: right;
  /* fa-chevron-right - Pfeil nach rechts*/
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-style: normal;
  content: '\f054';
  font-weight: 900; }

#menusub ul.nav li.nav-item.has-sub:hover > a {
  /*color: white;*/ }

/*------------------------------------------------*/
/*Button nav-top-bulk in einer ul */
#menusub li.nav-top-bulk {
  /* Pseudo-Element f�r den "Rest" des float-Platzes */
  /*text-align: right;*/
  /*position: absolute;

    right: 2px;*/
  min-width: 25px; }

#menusub li.nav-top-bulk button {
  /* Editier-Buttons im Submen� sollen die H�he des Balkens voll ausf�llen */
  float: right;
  position: absolute;
  right: 4px;
  top: 1px;
  height: 25px;
  /*margin: 2px 5px;*/
  margin: 2px 0; }

#menusub li.nav-top-bulk .fa-gear.fa-lg {
  padding-left: 4px; }

#menusub li.nav-top-bulk button .fa-search {
  position: relative;
  bottom: 2px;
  left: 1px; }

/*------------------------------------------------*/
#menusub ul.nav-dropdown {
  /*display: block;*/ }

#menusub ul.nav-dropdown li {
  text-transform: none; }

#menusub li.nav-item a,
#menusub li.nav-item span {
  font-weight: bold;
  color: #4F4F4F; }

#menusub li.nav-item span {
  padding: 10px 10px 8px 0px; }

#menusub li.nav-item a.down {
  padding-left: 10px;
  box-sizing: border-box;}

#menusub li.nav-item a.down span + span {
  padding: 10px 10px 8px 0px; }

#menusub ul.nav li.nav-top:hover {
  cursor: default; }

#menusub li.nav-item:hover {
  cursor: pointer; }

#menusub li.nav-item a:hover,
#menusub li.nav-top a:hover,
#menusub li.nav-item span:hover,
#menusub li.nav-top span:hover {
  text-decoration: none; }

#menusub ul.nav-dropdown {
  display: none;
  width: 350px;
  /*border: 1px solid #CCCCCC;*/
  padding-left: 0; }

#menusub li.nav-top > ul.nav-dropdown {
  z-index: 990;
  position: absolute;
  /*top: 25px;*/
  top: 33px;
  left: 0;
  /*border: 1px solid #909090;*/
  /*box-shadow: 0 0 0 0;*/ }

#menusub li.nav-item > ul.nav-dropdown {
  z-index: 991;
  position: relative;
  /*top: -25px;*/
  top: -30px;
  left: 350px;
  /*border: 1px solid #909090;*/
  /*box-shadow: 0 0 0 0;*/ }

#menusub ul.nav-dropdown li {
  display: block;
  width: 350px;
  text-align: left;
  background-color: #FFFFFF;
  /*height: 25px;

    line-height: 25px;*/
  height: 30px;
  line-height: 30px; }

#menusub li:hover > ul.nav-dropdown {
  display: block; }

#menusub li.nav-item:hover {
  background-color: #ACC254;
  color: #FFFFFF; }

#menusub li.nav-item a:hover,
#menusub li.nav-item a:hover span,
#menusub li.nav-item:hover {
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none; }

#menusub li.nav-item a:hover,
#menusub li.nav-item a:hover span,
#menusub li.nav-item:hover {
  /*color: $color2;*/ }

#menusub ul.nav-dropdown li:hover > a {
  color: #FFFFFF; }

#menusub ul.nav-dropdown img {
  margin-right: 12px; }

#menusub,
#menusub ul.nav,
#menusub ul.nav li {
  background-color: #DEF0B1; }

#menusub li.nav-top a,
#menusub li.nav-top span {
  color: #4F4F4F; }

#menusub li.nav-top .has-sub:hover a.down,
#menusub li.nav-top .has-sub:hover a.down span {
  color: #FFFFFF; }

#menusub ul.nav li.nav-top:hover {
  background-color: #F4FFF9; }

#menusub li.nav-item {
  border-bottom: 1px solid #BFDD99; }

#menusub li.nav-item:last-child {
  border-bottom: none; }

.pseudobutton {
  /* font-weight: 600;

	background-color: inherit;

	border: 0;

	color: $color7; */ }

.form-button {
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px 4px 10px;
  color: #000000;
  border: 1px solid #4F4F4F;
  background-color: #AABBCC; }

.th-button {
  /* form-button im Tabellenkopf bekommt eine border, um sich vom Hintergrund abzuheben */
  border: 2px solid white !important; }

.button-abschluss {
  float: right; }

.selInput {
  background-image: url(../images/pfeilrechts.png);
  background-repeat: no-repeat;
  background-position: 30px; }

/* ZEN Report */
p.report {
  color: #000000; }

table.report {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border: 1px #FFFFFF;
  background: none repeat scroll 0 0 #FFFFFF; }

td.report {
  padding: 3px 10px;
  color: #000000;
  vertical-align: middle; }

th.report {
  padding: 3px 10px;
  text-align: center;
  font-weight: bold;
  background-color: #ACC254;
  color: #FFFFFF; }

table.report tr {
  background-color: #DEF0B1; }

table.report tfoot tr {
  /* background-color: #F7F4CE;

	Wer hat denn hier schon wieder eine Farbe hart eingetragen? ck, 11.08.2015 */ }

/* -------------------------------------------------------- */
/* --------------- bertaplus Men�baum --------------------- */
.cat a,
.cat a:hover {
  text-decoration: none; }

ul.cat {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*font-weight: bold;*/
  font-size: 11px;
  width: 210px;
  overflow-x: auto; }

ul.cat li a {
  font-weight: normal; }

ul.cat li {
  display: block;
  width: 210px;
  margin: 0;
  padding: 0;
  line-height: 30px; }

ul.cat-level0 > li:first-child {
  position: fixed; }

ul.cat-level0 > li {
  border-bottom: 1px solid #DEF0B1;
  /* entspricht Hintergrundfarbe von pagemenu */ }

ul.cat-level0 > li > a {
  font-weight: bold; }

ul.cat-level0 li .has-sub {
  /*border-bottom: 2px solid $color6;*/ }

ul.cat > li.has-sub.aktiv {
  border-bottom: none; }

ul.cat li a,
ul.cat li span.catli {
  display: block;
  padding: 0 10px;
  height: 30px;
  /*border-bottom: 2px solid $color6;*/
  /*border-bottom: 1px solid $color15;*/ }

ul.cat.cat-level1 li a,
ul.cat.cat-level1 li span.catli,
ul.cat.cat-level2 li a,
ul.cat.cat-level2 li span.catli,
ul.cat.cat-level3 li a,
ul.cat.cat-level3 li span.catli {
  border-bottom: 1px solid #BFDD99; }

ul.cat li:last-child a,
ul.cat li:last-child span.catli {
  border-bottom: none; }

ul.cat li .catli:last-child {
  border-bottom: 1px solid #BFDD99; }

ul.cat li a.root,
ul.cat li span.root {
  display: block;
  padding: 0 10px;
  height: 30px;
  border-bottom: 2px solid #DEF0B1; }

ul.cat li a.serie {
  display: block;
  padding: 0;
  height: 30px; }

ul.cat li a.serie,
ul.cat li a.serie-aktiv,
ul.cat li a.serie-typ,
ul.cat li a.serie-typ2,
ul.cat li a.serie-typ3,
ul.cat li a.serie-typ4,
ul.cat li a.serie-typ5 {
  display: block;
  text-decoration: none;
  padding: 0;
  padding-left: 18px;
  height: auto;
  line-height: 18px; }

ul.cat li a.serie-aktiv {
  font-weight: bold;
  /*SDE 26.11.2016 - damit es immer umbricht, entfernt*/
  /*white-space: nowrap;*/
  overflow: hidden;
  color: #3D8231;
  border: 1px solid #AABBCC; }

ul.cat li .catli.serie-aktiv:last-child {
  border-bottom: 1px solid #AABBCC; }

ul.cat li a.serie-aktiv:root {
  /*background-color: $color43;*/ }

ul.cat li + a.serie-aktiv {
  /*background-color: $color43;*/ }

/* Einr�ckung der Untermen�s - zus�tzlich zum margin-left eins h�her */
ul.cat li a.serie-typ {
  padding-left: 30px; }

ul.cat li a.serie-typ2 {
  padding-left: 45px; }

ul.cat li a.serie-typ3 {
  padding-left: 60px; }

ul.cat li a.serie-typ4 {
  padding-left: 75px; }

ul.cat li a.serie-typ5 {
  padding-left: 90px; }

/* Farbgestaltung Hauptmen� */
.cat-level0 li {
  background: #ACC254; }

.cat-level0 li a {
  background: #ACC254;
  color: #FBFBFB; }

.cat-level0 li a:hover {
  font-style: italic;
  font-weight: normal;
  color: #4F4F4F !important;
  background: #C9E77C !important;
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in; }

ul.cat li a.serie-aktiv:hover {
  color: #4F4F4F !important; }

ul.cat-level0 > li > a:hover {
  font-weight: bold; }

/* Farbgestaltung Untermen�s */
.cat-level1 li,
.cat-level2 li,
.cat-level3 li,
.cat-level4 li,
.cat-level5 li {
  border-bottom: none;
  background: #FBFBFB; }

.cat-level1 li a,
.cat-level2 li a,
.cat-level3 li a,
.cat-level4 li a,
.cat-level5 li a {
  background: #FBFBFB;
  color: #808080;
  color: #555; }

ul.cat-level1 li:last-child {
  border-bottom: 2px solid #BFDD99; }

ul.cat-level2 li:last-child,
ul.cat-level3 li:last-child,
ul.cat-level4 li:last-child,
ul.cat-level5 li:last-child {
  border-bottom: 0; }

ul.cat li.has-sub.aktiv > a::after,
ul.cat li.has-sub.serie-aktiv > a::after {
  float: right;
  margin-right: 10px;
  text-align: right;
  /* fa-chevron-down - Pfeil nach unten*/
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-style: normal;
  content: '\f078';
  font-weight: 900; }

ul.cat li.has-sub:not(.aktiv):not(.serie-aktiv) > a::after {
  float: right;
  margin-right: 10px;
  text-align: right;
  /* fa-chevron-right - Pfeil nach rechts*/
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-style: normal;
  content: '\f054';
  font-weight: 900; }

/* -------------------------------------------------------- */
/* --------------- Navigation "im Fuß --------------------- */
#navcontainer {
  /* font-size: 11px;

	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
  background-color: #EEF7DF;
  height: 28px;
  margin-top: 40px; }

#navlist {
  list-style: none outside none;
  margin: 0;
  padding: 5px 0;
  text-align: center; }

#navlist li {
  display: inline;
  margin: 0;
  padding: 0; }

html > body #navlist li {
  /* background: #555;	RW reminder #555 */
  margin: 0 15px 0 0;
  padding: 4px 0 4px 0; }

#navlist a,
#navlist a:link,
#navlist a:visited,
#navlist a:active,
#navlist a:focus {
  /* border: 1px solid $color2; */
  cursor: pointer;
  display: inline;
  margin: 0;
  padding: 0;
  text-decoration: none;
  /* background-color: $color55; //RW reminder  $color52 */
  color: #000000;
  /* RW reminder  $color45 */ }

/* #navlist a:hover, #navlist a:active, #navlist a:focus {

	background-color: $color56; //RW reminder $color51

	color: $color7;

} Au�er Kraft, da alles in Buttons */
.SortTabTextblockAfter {
  font-size: 10px;
  font-weight: bold;
  padding: 0 10px; }

.zwischenueberschrift {
  border-collapse: collapse;
  border: 0;
  color: #000000;
  background-color: #F4FFF9; }

/* ck, 25.05.2016 */
#datentabelle_processing {
  display: none; }

table.zeilenaktivierung tbody tr {
  cursor: pointer; }

.DTTT_container {
  margin: 0 0 0 4px; }

.filter-dropdown {
  /* DropDown-Filter f�r Sortierspalte */ }

.filter-freitext {
  /* Freitext-Filter f�r Sortierspalte */ }

.filter-datum {
  /* Datums-Filter f�r Sortierspalte */ }

.spaltentrenner tr td, .spaltentrenner tr th {
  border-right: 1px solid silver; }

.spaltentrenner tr td:last-child, .spaltentrenner tr th:last-child {
  border-right: none; }

/*.spaltentrenner tr th {

	border-right: 1px solid white;

}*/
/* iFrame Umfassung */
.scroller {
  /* Behelf f�r iPad - das sonst keine Frames/iFrames scrollen kann */
  border: 0;
  /* solid 0 #66AA66; */
  width: 98%;
  position: fixed;
  display: inline-block;
  left: 10px;
  /* Positionierung f�r foanz.csp */
  /* top: 150px;  Mit der Positionierung passt dann zwar die H�he, es legt sich aber fix �ber andere Formularfelder dr�ber */
  /* height: calc(100% - 190px); */
  height: calc(100% - 80px);
  margin-top: 10px; }

.scrollerSF {
  /* Behelf f�r iPad - das sonst keine Frames/iFrames scrollen kann - Fortsetzung */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

#content .scroller {
  /* Positionierung f�r listenausgabeframe.csp - anzupassen wegen kommendem Submen� */
  /* top: 40px;

	height: 90%; */ }

.scroller iframe {
  /* iframe �ber den gesamten Scrollbereich strecken */
  display: block;
  width: 100%;
  height: 100%; }

.expandingMenu {
  list-style: none;
  margin-bottom: -10px; }

.expandingMenuHeader {
  position: relative;
  padding-left: 20px;
  margin-top: 8px;
  margin-bottom: 2px;
  cursor: pointer;
  margin-left: -40px;
  /* background-image: url('../images/folder-closed.gif');

	background-repeat: no-repeat;

	background-position: 0 -2px; */ }

.expandingMenuItem {
  width: 125px;
  padding-left: 20px;
  background-image: url("../images/file.png");
  background-repeat: no-repeat;
  background-position: 1px 0;
  margin-left: -40px; }

.highlightonhover:hover,
.highlightonhover:active,
.highlightonhover:focus {
  background-color: #F0EA75; }

.expandingMenuItemSelected {
  font-weight: bold; }

.expandingMenuGroup {
  width: 145px;
  list-style: none;
  margin-bottom: 10px; }

.expandingMenuSelected li.expandingMenuHeader {
  background-image: url("../images/folder_open.png");
  background-repeat: no-repeat;
  background-position: 0 0; }

.expandingMenuNotSelected li.expandingMenuHeader {
  background-image: url("../images/directory.png");
  background-repeat: no-repeat;
  background-position: 0 0; }

.msg-error {
  font-weight: bold;
  background-color: #FF0000;
  color: #F5F5DC; }

/* eBay */
#buttonAuktionswahl,
#changePriceButton {
  float: right; }

.column-functions {
  /* Einzelne Spalte in einer Tabelle, die Funktionen bezogen auf die Zeile enth�lt (z.B. L�sch-Icon) */
  text-align: center;
  color: #000000; }

.buttonNext {
  text-align: right; }

.column-functions span,
.column-functions img {
  margin-left: 2px;
  margin-right: 2px; }

.column-icons {
  text-align: center; }

/* Einklappender Optionsblock / Anzeigeoptionen "oben" */
/*Fehler beim hovern der links*/
/* Dieses sind dann Links und die sollen "treffbar" sein */
.contentbox ul.optionswahl {
  /*margin-left: -10px;*/ }

ul.optionswahl {
  line-height: 150%; }

ul.optionswahl li {
  /*margin-left: 14px;*/
  /*padding: 8px 8px 8px 30px;*/ }

ul.optionswahl li:hover,
ul.optionswahl li:active,
ul.optionswahl li:focus {
  color: #F9FE9C;
  background-color: #F0EA75; }

ul.optionswahl li a {
  display: block;
  padding: 10px 10px 10px 34px;
  color: #000000; }

ul.optionswahl li a:hover {
  text-decoration: none; }

ul.optionswahl li a span.fa-gear {
  /*padding-top: 8px;*/
  /*padding-left: 20px;*/
  position: absolute;
  left: 2px; }

/* Funktionsblock "unten" */
ul.funktionsanwahl {
  /* Dieses sind dann Links und die sollen "treffbar" sein */
  display: table;
  min-width: 180px;
  margin: 0 auto;
  margin-bottom: 20px;
  line-height: 150%;
  list-style: none;
  /* ggf. in Farbschemas auslagern */
  border: 1px solid silver;
  background: #EFEFEF;
  border-radius: 8px; }

ul.funktionsanwahl li {
  padding: 8px 14px; }

ul.funktionsanwahl li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

ul.funktionsanwahl li:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

ul.funktionsanwahl a {
  color: #000000;
  text-decoration: none;
  font-weight: bold; }

ul.funktionsanwahl li span.fa {
  min-width: 18px; }

ul.funktionsanwahl li span.text {
  margin-left: 6px; }

ul.funktionsanwahl li:hover {
  color: #000000;
  background-color: #F0EA75;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }

ul.funktionsanwahl li a:hover {
  text-decoration: none;
  color: #000000;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in; }

ul.funktionsanwahl .listicon {
  /* Grafik, die als erl�uterndes Icon vor der Funktion steht */
  padding-right: 10px;
  vertical-align: middle; }

.intern {
  /* System-interne Daten */
  font-size: 10px;
  background-color: #C0C0C0;
  color: #000000;
  font-weight: normal;
  background-color: silver; }

.optionsblock {
  /*margin-bottom: 50px;*/ }

.optionsblock fieldset.fieldset {
  /* Das Fieldset eines Auswahlblocks soll die definierte Breite voll ausnutzen */
  width: 100%; }

input.nummer-max2st {
  width: 35px; }

input.nummer-max5st {
  width: 55px; }

input.nummer-max10st {
  width: 95px; }

/* Diese Gr��en sind nicht sinnvoll nutzbar (aktueller Stand), trotzdem schon mal berechnet

input.nummer-max20st {

	width: 165px;

}

input.nummer-max30st {

	width: 240px;

}

*/
.tabelle-daten {
  /* background-color: $color28; */ }

.tabelle-daten th {
  background-image: none;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  padding: 2px 5px 2px 5px;
  /* background-color: $color28; */
  border-right: #FFFFFF 1px solid;
  border-bottom: #FFFFFF 1px solid;
  /*color: $color2; */ }

.tabelle-daten tbody td {
  border: 0;
  font-size: 11px;
  font-weight: normal;
  padding: 3px;
  white-space: nowrap; }

.tabelle-daten td.datum,
.tabelle-daten td.zeit {
  text-align: center; }

.tabelle-daten td.zahl {
  text-align: right; }

.tabelle-daten td.text {
  text-align: left; }

.tabelle-daten td.titel {
  font-size: 12px;
  font-weight: bold; }

.tabelle-daten td.fuehrungstext {
  font-weight: bold; }

.tabelle-daten th.datum,
.tabelle-daten th.datum {
  text-align: center; }

.tabelle-daten th.zahl {
  text-align: right; }

.tabelle-daten th.text {
  text-align: left; }

.tabelle-daten th.wert {
  text-align: center; }

.tabelle-daten-auswahlfeld {
  font-size: 11px;
  font-weight: normal;
  padding: 2px;
  background-color: #FFFFFF;
  border: 1px solid #AABBCC;
  color: #000000; }

.tabelle-daten-eingabefeld,
.tabelle-anwahl-eingabefeld {
  font-size: 11px;
  font-weight: normal;
  padding: 2px;
  border: 1px solid #AABBCC;
  color: #000000; }

/* F�r ZEN Tabellen Style for even-rows when using zebra styling. */
/* Tabellenzeile 2 ausgabe tab row 2 */
.tpOdd {
  color: #000000;
  background-color: #F7F7F7; }

.tpEven {
  color: #000000;
  background-color: #E2F0BA; }

.tnbrTable {
  background-image: none;
  background-color: #FBFBFB; }

.tabelle-anwahl {
  border: 0 solid;
  background: none repeat scroll 0 0 #D3D3D3;
  /* margin: 0 auto; */
  max-width: 100%;
  width: auto; }

.tabelle-anwahl td {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 4px 10px;
  white-space: nowrap; }

.tabelle-anwahl td.fuehrungstext {
  font-weight: bold; }

.tabelle-anwahl td.datum,
.tabelle-daten td.zeit {
  text-align: center; }

.tabelle-anwahl td.zahl {
  text-align: right; }

.tabelle-anwahl td.text {
  text-align: left; }

.tabelle-anwahl th {
  font-size: 13px;
  font-weight: bold;
  padding: 3px 3px 3px 3px;
  white-space: nowrap; }

.tabelle-anwahl th input,
.tabelle-anwahl th select {
  font-weight: normal; }

.tabelle-anwahl th.datum,
.tabelle-daten th.zeit {
  text-align: center; }

.tabelle-anwahl th.zahl {
  text-align: right; }

.tabelle-anwahl th.text {
  text-align: left; }

.tabelle-anwahl th.wert {
  text-align: right; }

.tab-ueber-zahl,
.tab-ueber-datum,
.tab-ueber-text {
  font-size: 11px;
  font-weight: normal; }

.tabtext,
.tabtextkey {
  font-size: 11px;
  font-weight: normal; }

.tabtextkey {
  font-weight: bold; }

.menuetext,
.menuetextkey {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal; }

.menuetextkey {
  font-weight: bold; }

.form-feldfuerungstext,
.form-feldfuerungstextpflege {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal; }

.form-feldfuerungstextpflege {
  /* font-weight: normal; */ }

.form-eingabefeld,
.form-eingabefeldpflege {
  background: transparent;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: bold; }

.form-eingabefeldpflege {
  font-weight: bold; }

.form-auswahlfeld,
.form-auswahlfeldpflege {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px; }

.form-auswahlfeldpflege {
  font-weight: bold; }

.form-text,
.form-textkey {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal; }

.form-textkey {
  font-weight: bold; }

.form-textauskuft {
  font-weight: bold;
  font-size: 12px; }

.form-linkfeld {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  padding-left: 4px;
  padding-right: 4px; }

.form-info {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px; }

.form-button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-image: url(../images/rechteck2.gif);
  background-repeat: repeat-x;
  padding: 1px 10px 1px 10px; }

.form-fieldset {
  padding: 20px 10px 10px 10px; }

.form-fieldsetlegende {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  /*

 background-image: url(../images/rechteck2.png);

 background-repeat: repeat-x;*/
  padding: 1px 10px 1px 10px; }

.tab-button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-image: url(../images/gruenb6.gif);
  background-repeat: repeat-x;
  padding: 0 5px; }

.textnormal {
  color: #000000;
  font-size: 11px;
  font-weight: normal; }

.textbold {
  color: #000000;
  font-size: 11px;
  font-weight: bold; }

.maske-balkebottom {
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal; }

fieldset.fieldset legend.legende-error {
  font-weight: bold;
  background-color: #FFFFFF;
  color: #FF0000;
  font-weight: bold; }

div#backlink table {
  text-decoration: none;
  font-weight: bold;
  /* -moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-khtml-border-radius: 10px;

	border-radius: 10px; */
  background-color: #FBFBFB;
  border: 1px #808080 solid; }

.abbruch {
  color: #CE2037; }

.quadro {
  border: #3D8231 1px solid; }

.quadro2 {
  border: #000000 1px solid; }

.quadroenggrau {
  background-color: #BFDD99;
  border: #6C8214 1px solid; }

.quadroeng {
  background-color: #EEF7DF;
  border: #3D8231 1px solid; }

.quadroeng2 {
  background-color: #EEF7DF;
  border-right: #3D8231 1px solid;
  border-left: #3D8231 1px solid;
  border-top: #3D8231 1px solid; }

.inpauswahl {
  background-color: #FFDFDF;
  color: #FFFFFF; }

.hervorheben:hover,
.hervorheben:active,
.hervorheben:focus {
  cursor: pointer; }

.trauswahl,
#trauswahl,
.hervorheben:hover,
.hervorheben:active,
.hervorheben:focus {
  background-color: #F0EA75; }

input[type='text'][disabled],
input[type='text'][readonly],
textarea[disabled],
textarea[readonly],
textarea[disabled],
select[readonly],
select[disabled] {
  background-color: #BFDD99;
  color: #000000; }

/* FOCUS */
input:focus:not([readonly]):not([disabled]),
textarea:focus:not([readonly]):not([disabled]),
select:focus:not([readonly]):not([disabled]) {
  /*box-shadow: 0 0 0 0;*/
  border: 1px solid orange;
  /* outline: 1px inset red; */
  /* outline-offset: -1px; */ }

/* input:focus:not([readonly]):not([disabled]):not([type='button']):not([type='submit']),

textarea:focus:not([readonly]):not([disabled]),

select:focus:not([readonly]):not([disabled]) {

	background-color: $color16;

} */
table.zeilenhervorhebung tbody tr:hover,
table.zeilenhervorhebung tbody tr:hover td,
table.zeilenhervorhebung tbody tr.odd:hover td,
table.zeilenhervorhebung tbody tr.even:hover td,
table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1,
table.zeilenhervorhebung tbody tr.odd:hover td.sorting_1,
tr.zeilenhervorhebung:hover,
td.feldhervorhebung:hover {
  color: #000000;
  background-color: #F0EA75;
  -webkit-transition: all 0.1s ease-in;
  /* Safari */
  transition: all 0.1s ease-in;
  /*--------------------------------------------------------------------------*/
  /*----------falsche background-color im blauem Farbscheme #0EA75------------*/
  /*--------------------------------------------------------------------------*/ }

tr.ueberschrift {
  background-color: #ACC254;
  color: #FFFFFF; }

tr.zusatzdaten {
  background-color: #F0EA75; }

.pagebase button.favorit:hover,
.pagemask button.favorit:hover,
.pagebase button:not(.pseudobutton):hover,
.pagemask button:not(.pseudobutton):hover,
.pagebase button:not([disabled]):hover,
.pagemask button:not([disabled]):hover,
button.favorit:hover {
  /*border-color: $color15;*/
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #4F4F4F;
  background-color: #C9E77C;
  transition: all 0.2s ease-in; }

.menufavorit:active,
.pagebase button.favorit:active,
.pagemask button.favorit:active,
.pagebase button:not(.pseudobutton):active,
.pagemask button:not(.pseudobutton):active,
button.favorit:active,
.menufavorit:focus,
.pagebase button.favorit:focus,
.pagemask button.favorit:focus,
.pagebase button:not(.pseudobutton):focus,
.pagemask button:not(.pseudobutton):focus,
button.favorit:focus {
  background-color: #C9E77C;
  color: #4F4F4F;
  border-color: #BFDD99; }

.menufavorit:hover {
  background-color: #C9E77C;
  /*color: $color45;*/
  color: #444;
  opacity: 1;
  filter: saturate(1) brightness(115%);
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in; }

.notice {
  color: #000000;
  background-color: sandybrown; }

/* Layout von Eingabefeldern und Buttons, ck, 20.08.2015 */
.pagebase #navcontainer,
.pagemask #navcontainer {
  height: 40px;
  /* Sonst passen die h�heren Buttons nicht brauchbar */ }

/* remove / reset standard-styles */
.pagebase select:not(.selectnew),
.pagemask select:not(.selectnew) {
  -o-appearance: none;
  -khtml-appearance: none;
  -webkit-appearance: none;
  /* -webkit-appearance: menulist-button; Wo kommt das her? macht im Chrome einen weiteren DropDown-Pfeil, ck 22.09.2015 */
  -moz-appearance: none;
  appearance: none;
  /* Kein Standard -einzelne Browser ben�tigen dies aber dennoch schon */
  border: none;
  /*border-radius: 0;*/
  font-size: 1em; }

.pagebase select:not(.selectnew)::-ms-expand,
.pagemask select:not(.selectnew)::-ms-expand {
  /* IE den Pfeil nach unten im Select-DropDown entfernen */
  display: none; }

.pagebase select:not(.selectnew) option:hover,
.pagemask select:not(.selectnew) option:hover {
  background: #AABBCC;
  color: #4F4F4F; }

/* styling der Eingabefelder */
.pagebase select:not(.selectnew),
.pagemask select:not(.selectnew),
.pagebase .SumoSelect > .CaptionCont,
.pagemask .SumoSelect > .CaptionCont {
  border: 1px solid #ACC254;
  background-image: url(../images/collection.png);
  /* Pfeile nach unten */
  background-position: right;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  color: #000000;
  border-color: #ACC254 !important; }

.pagebase div.chosen-container,
.pagemask div.chosen-container {
  border: 1px solid #ACC254;
  background-color: #fff;
  color: #000000; }

.pagebase ul.chosen-results li,
.pagemask ul.chosen-results li {
  background-color: #ECEDEB;
  color: #151F07 !important;
  /*border:1px solid white;*/
  border-bottom: 1px solid silver; }

.pagebase ul.chosen-results li:first-child,
.pagemask ul.chosen-results li:first-child {
  /*border: none;*/ }

.pagebase.chosen-container-active .chosen-single,
.pagemask.chosen-container-active .chosen-single {
  border: 1px solid #216cb0 !important;
  background-color: white; }

.pagebase ul.chosen-results li,
.pagemask ul.chosen-results li,
.pagebase option {
  background-color: white !important; }

.pagebase ul.chosen-results li.group-result {
  /* Balken in Optiongroup (in Select) */
  background-color: #BFDD99 !important; }

.pagebase ul.chosen-results li.highlighted,
.pagemask ul.chosen-results li.highlighted {
  background-color: #C9E77C !important; }

.pagebase ul.chosen-results li:hover,
.pagemask ul.chosen-results li:hover {
  color: #4F4F4F !important;
  background-color: #C9E77C !important; }

.pagebase #main .chosen-container-single .chosen-search input[type="text"],
.pagemask #main .chosen-container-single .chosen-search input[type="text"] {
  width: 100%; }

#optionswahl .chosen-container-single .chosen-search input[type="text"] {
  max-width: 265px;
  width: 265px; }

#optionswahl .chosen-container-single .chosen-drop {
  min-width: auto;
  max-width: 276px; }

.pagebase select:not(.selectnew):not(.filter),
.pagemask select:not(.selectnew):not(.filter) {
  padding: 0 0.5em 0.1em; }

.pagebase select.filter,
.pagemask select.filter {
  padding: 0; }

.pagebase select[multiple][readonly],
.pagemask select[multiple][readonly],
.pagebase select[multiple][disabled],
.pagemask select[multiple][disabled] {
  background-image: none;
  width: calc(95% + 1.2em);
  /* da der Klapppfeil reduziert wird */
  padding: 0.6em 0.5em 0.4em; }

.pagemask .SumoSelect {
  width: calc(100% - 1.7em); }

.pagemask select:not(.selectnew),
.pagemask .SumoSelect > .SlectBox,
.pagemask select:not(.selectnew) {
  /* min-width: calc(95% + 1.2em); */
  /* da der Klapppfeil reduziert wird */
  /* min-width: calc(98% + 18px); */
  /* da der Klapppfeil reduziert wird */
  /* width: 100%; */
  /* min-width: calc(100% + 0.7em); */ }

.pagemask select.hasNachtext:not(.selectnew),
.pagemask .SumoSelect.hasNachtext > .SlectBox,
.pagemask select.hasNachtext:not(.selectnew) {
  /* dann gibt es nach dem input ggf. noch ein label mit Nachtext - daher Input-Feld k�rzen */
  width: auto; }

.pagebase .SumoSelect,
.pagebase .SumoSelect > .SlectBox,
.pagebase select:not(.selectnew),
.pagebase select.scactive-resulthluesselanwahl {
  width: inherit;
  /* da der Klapppfeil reduziert wird */
  min-width: 5px; }

.pagebase select::-ms-expand:not(.selectnew),
.pagemask select::-ms-expand:not(.selectnew) {
  display: none; }

.pagebase select[multiple],
.pagemask select[multiple] {
  padding: 0.1em; }

.pagebase ul.chosen-results li:first-child,
.pagemask ul.chosen-results li:first-child,
.pagebase option:first-child,
.pagemask option:first-child {
  border-top: 1px solid #808080; }

.pagebase ul.chosen-results li,
.pagemask ul.chosen-results li,
.pagebase option,
.pagemask option {
  background: #F9FE9C;
  color: #4F4F4F;
  padding: 0.3em 1em 0.3em 1em; }

/*.pagebase ul.chosen-results li,

.pagemask ul.chosen-results li,*/
.pagebase select:not([readonly]):not([disabled]) option,
.pagemask select:not([readonly]):not([disabled]) option {
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080; }

.pagebase select.filter option,
.pagemask select.filter option {
  padding: inherit; }

.pagebase ul.chosen-results li.unselected,
.pagemask ul.chosen-results li.unselected,
.pagemask option.unselected {
  color: #4F4F4F; }

.pagebase ul.chosen-results li.selected,
.pagemask ul.chosen-results li.selected,
.pagebase option.selected,
.pagemask option.selected {
  color: #000000;
  font-weight: bold; }

.chosen-container .chosen-drop {
    padding-right: 8px;
    white-space: nowrap;
    min-width: fit-content; }

.pagebase select[multiple] option,
.pagemask select[multiple] option {
  background-color: inherit; }

.pagebase select[multiple] option:first-child,
.pagemask select[multiple] option:first-child {
  border-top: 0; }

.pagebase #navcontainer button,
.pagemask #navcontainer button {
  font-size: 115%; }

.pagebase div.multipleinput,
.pagemask div.multipleinput {
  display: inline-block; }

.pagebase ul#navlist,
.pagemask ul#navlist {
  display: block;
  margin: 0 auto; }

.pagemask div.multipleinput,
.pagemask ul#navlist {
  width: 100%; }

/* graceful degradation for ie8 */
.pagebase input[type='checkbox'],
.pagebase input[type='radio'],
.pagemask input[type='checkbox'],
.pagemask input[type='radio'] {
  width: auto;
  float: left;
  margin-right: .75em;
  background: transparent;
  border: none; }

.pagebase input,
.pagemask input,
.pagebase button,
.pagemask button {
  background-color: #FFFFFF;
  color: #000000; }

.pagebase textarea,
.pagemask textarea {
  padding: 14px;
  border: 1px solid #ACC254; }

.pagebase textarea[disabled],
.pagebase textarea[readonly],
.pagebase textarea[disabled],
.pagebase textarea[readonly] {
  border: none; }

.pagebase input[type='text']:not(.selectnew):not(.filter):not(.pseudobutton),
.pagemask input[type='text']:not(.selectnew):not(.filter):not(.pseudobutton),
.pagebase input[type='search']:not(.selectnew),
.pagemask input[type='search']:not(.selectnew),
.pagebase input[type='password']:not(.selectnew),
.pagemask input[type='password']:not(.selectnew),
.pagebase input[type='file']:not(.selectnew),
.pagemask input[type='file']:not(.selectnew),
.pagebase input[type='email']:not(.selectnew),
.pagemask input[type='email']:not(.selectnew),
.pagebase input[type='url']:not(.selectnew),
.pagemask input[type='url']:not(.selectnew),
.pagebase input[type='tel']:not(.selectnew),
.pagemask input[type='tel']:not(.selectnew),
.pagebase input[type='date']:not(.selectnew),
.pagemask input[type='date']:not(.selectnew) {
  border: 1px solid #ACC254;
  padding: 5px 6px; }

.pagebase .dataTables_filter input[type='search']:not(.selectnew),
.pagemask .dataTables_filter input[type='search']:not(.selectnew),
.pagebase input[type='text'].kompakt,
.pagemask input[type='text'].kompakt,
.pagebase input[type='text'].filter,
.pagemask input[type='text'].filter {
  /*padding: 0.1em 0 0 0;*/
  border: none; }

.pagebase input[type='number']:not(.selectnew),
.pagemask input[type='number']:not(.selectnew) {
  border: 1px solid #ACC254;
  padding: 0.2em 0.1em 0.25em 0.7em;
  /*box-shadow: 0 0 0 0;*/ }

.pagemask input[type='text']:not(.multipleinput):not(.selectnew):not(.kompakt):not(.schluesselanwahl),
.pagemask input[type='password']:not(.multipleinput):not(.selectnew),
.pagemask input[type='email']:not(.multipleinput):not(.selectnew),
.pagemask input[type='url']:not(.multipleinput):not(.selectnew),
.pagemask input[type='tel']:not(.multipleinput):not(.selectnew) {
  /*width: 95%;*/
  width: 85%; }

.pagemask input[type='file']:not(.multipleinput):not(.selectnew),
.pagemask input[type='number']:not(.multipleinput):not(.selectnew) {
  width: 80%; }

.pagemask input[type='date']:not(.multipleinput):not(.selectnew) {
  max-width: 80%;
  min-width: 50px; }

.pagebase input[type='text'].hasNachtext:not(.multipleinput):not(.selectnew):not(.filter),
.pagemask input[type='text'].hasNachtext:not(.multipleinput):not(.selectnew):not(.filter) {
  /* dann gibt es nach dem input ggf. noch ein label mit Nachtext - daher Input-Feld k�rzen */
  width: auto; }

.pagebase input[type='text'].schluesselanwahl,
.pagebase select.schluesselanwahl {
  /* Feld soll automatisch lang sein, damit der Schl�ssel sauber ausw�hlbar ist */
  width: auto; }

.pagebase input[type='text'].kompakt,
.pagemask input[type='text'].kompakt,
.pagebase input[type='text'].filter,
.pagemask input[type='text'].filter {
  width: auto;
  min-width: 1em; }

.pagebase select:hover,
.pagemask select:hover,
.pagebase .SumoSelect .SlectBox:hover,
.pagemask .SumoSelect .SlectBox:hover,
.pagebase .selectnew-wrapper .selectnew:hover,
.pagemask .selectnew-wrapper .selectnew:hover,
.pagebase input[type='text']:hover,
.pagebase input[type='password']:hover,
.pagebase input[type='email']:hover,
.pagebase input[type='url']:hover,
.pagebase input[type='tel']:hover,
.pagebase input[type='number']:hover,
.pagebase input[type='date']:hover,
.pagemask input[type='text']:hover,
.pagemask input[type='password']:hover,
.pagemask input[type='email']:hover,
.pagemask input[type='url']:hover,
.pagemask input[type='tel']:hover,
.pagemask input[type='number']:hover,
.pagemask input[type='date']:hover,
.pagebase input[type='checkbox']:hover + label::before,
.pagebase input[type='radio']:hover + label::before,
.pagemask input[type='checkbox']:hover + label::before,
.pagemask input[type='radio']:hover + label::before {
  background: rgba(239, 245, 223, 0.8); }

.tabellenmaske td.fuehrungstext > label {
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 10px;
  background-color: #EFF5DF;
  /* In der Kombination fuehrt das dazu, dass das gesamte td beim Mouseover zum input 'gehoert' */
  /*min-height: 27px;

    margin-bottom: -5px;

    padding-left: 5px;

    padding-top: 12px;*/ }

.tabellenmaske td {
  padding: 4px 15px; }

.tabellenmaske td.feldwert {
  /* background-color: $color5; */ }

.tabellenmaske td.fuehrungstext > label span {
  /* Das ist der Fall wenn es "hochgestellte" Hilfe-Icons gibt */
  /* position: relative;

	top: -2px; */ }

.tabellenmaske td.fuehrungstext > label:hover {
  /* Wenn es einen Fuehrungstext ohne Label+Inhalt gibt, dann gibt es was auf die Finger! */
  background: rgba(239, 245, 223, 0.25); }

.pagebase select:not(.selectnew):hover,
.pagemask select:not(.selectnew):hover,
.pagebase .selectnew-wrapper .selectnew:hover,
.pagemask .selectnew-wrapper .selectnew:hover,
.pagebase .SumoSelect > .CaptionCont:hover,
.pagemask .SumoSelect > .CaptionCont:hover {
  background-image: url(../images/collection_hover.png);
  background-position: right;
  background-repeat: no-repeat; }

.pagebase input[type='button'],
.pagebase input[type='submit'],
.pagebase input[type='reset'],
.pagebase button,
.pagemask input[type='button'],
.pagemask input[type='submit'],
.pagemask input[type='reset'],
.pagemask button {
  cursor: pointer;
  padding: 8px 12px;
  /*box-shadow: 0 0 0 0;*/
  background: #ACC254;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: inherit;
  /*min-width: 80px;*/
  /* Ziemlich willk�rlich, passt aber gerade */
  min-width: 120px;
  /* Buttons allg. etwas vergr��ert */
  margin-left: 4px;
  /* ebenso - damit die Buttons nicht ineinander "flie�en" */
  margin-right: 4px;
  color: #F9FAEA; }

/* .pagebase ul#navlist button.singleicon,

.pagemask ul#navlist button.singleicon */
.pagebase button.singleicon,
.pagemask button.singleicon {
  min-width: 40px;
  /* Ziemlich willk�rlich, passt aber gerade */ }

.pagebase .functions input[type='button'],
.pagebase .functions input[type='submit'],
.pagebase .functions input[type='reset'],
.pagemask .functions input[type='button'],
.pagemask .functions input[type='submit'],
.pagemask .functions input[type='reset'] {
  width: auto; }

.pagetop .ButtonRot:hover {
  /*opacity: 0.7;*/
  color: #222;
  background-color: indianred;
  transition: all 0.1s ease-in; }

.pagetop .buttontop:hover,
.pagetop .buttontopnormal:hover,
.pagebase input[type='button']:not(.pseudobutton):hover,
.pagebase input[type='submit']:not([disabled]):hover,
.pagebase input[type='reset']:not([disabled]):hover,
.pagebase ul#navlist button:hover,
.pagemask input[type='button']:not(.pseudobutton):hover,
.pagemask input[type='submit']:not([disabled]):hover,
.pagemask input[type='reset']:not([disabled]):hover,
.pagemask button:not(.pseudobutton):hover,
.pagemask button:not([disabled]):hover {
  background: #C9E77C;
  /* box-shadow: 0 0 0 0 */
  /*color: $color10;*/
  color: #4F4F4F;
  border-color: #BFDD99;
  transition: all 0.2s ease-in; }

.pagebase input[type='button'].ButtonRot,
.pagemask input[type='button'].ButtonRot {
  /* trotz Reset diese Werte "beibehalten" */
  color: #FFDFDF;
  background-color: #CE2037; }

.pagebase textarea[disabled],
.pagebase textarea[readonly],
.pagebase input[disabled]:not(.pseudobutton),
.pagebase button[disabled]:not(.pseudobutton),
.pagebase input[readonly]:not(.pseudobutton),
.pagebase textarea[disabled],
.pagebase textarea[readonly],
.pagebase select[disabled],
.pagebase select[readonly],
.pagemask input[disabled]:not(.pseudobutton),
.pagemask input[readonly]:not(.pseudobutton),
.pagemask button[disabled]:not(.pseudobutton),
.pagemask textarea[disabled],
.pagemask textarea[readonly],
.pagemask select[disabled],
.pagemask select[readonly] {
  background-color: #E9E9E9;
  color: #000000;
  cursor: default; }

/* FOCUS */
.pagebase input:focus:not([readonly]):not([disabled]):not([type='button']):not([type='submit']):not(.selectnew),
.pagebase textarea:focus:not([readonly]):not([disabled]),
.pagebase select:focus:not([readonly]):not([disabled]):not(.selectnew),
.pagebase .SumoSelect .SlectBox:focus,
.pagemask input:focus:not([readonly]):not([disabled]):not([type='button']):not([type='submit']):not(.selectnew),
.pagemask textarea:focus:not([readonly]):not([disabled]),
.pagemask select:focus:not([readonly]):not([disabled]):not(.selectnew),
.pagebase .SumoSelect .SlectBox:focus {
  /* outline: 1px inset red;

	outline-offset: -1px; */
  border: 1px solid orange;
  /*box-shadow: 0 0 0 0;*/ }

.pagebase div.selectnew,
.pagemask div.selectnew {
  background-color: #FFFFFF;
  opacity: 0.01; }

.pagebase input.selectnew,
.pagemask input.selectnew {
  margin: 0;
  padding: 0;
  outline-style: none;
  border-style: solid;
  border-bottom-style: none;
  border-color: transparent;
  background-color: transparent; }

.pagebase select.selectnew,
.pagemask select.selectnew {
  border: 1px solid #ACC254;
  font-weight: normal;
  padding: 0; }

.pagebase div.selectnew-wrapper,
.pagemask div.selectnew-wrapper {
  display: inline-block; }

.pagebase .SumoSelect > .optWrapper.open,
.pagemask .SumoSelect > .optWrapper.open,
.pagebase .SumoSelect > .optWrapper,
.pagemask .SumoSelect > .optWrapper {
  top: 25px;
  transition: none;
  /* width: calc(100% + 0.7em); */
  width: auto;
  /* Damit die Eingabewerte voll angezeigt werden */
  /* min-width: calc(100% + 0.7em); */
  min-width: calc(100% + 1em + 18px);
  /* Volle Breite des Eingabefeldes, plus DropDown */ }

.pagebase .SumoSelect > .optWrapper > .options > li,
.pagemask .SumoSelect > .optWrapper > .options > li {
  /*background: $color50;*/
  /*border-bottom: 1px solid $color51;*/
  /*color: $color45;*/
  background: white;
  color: #333;
  border-bottom: 1px solid silver; }

.pagebase .SumoSelect .select-all,
.pagemask .SumoSelect .select-all {
  background-color: #FFFFFF;
  color: #4F4F4F;
  border-bottom: 1px solid #808080;
  /* border-left: 1px solid $color51;

	border-right: 1px solid $color51; */
  border-left: 0;
  border-right: 0;
  padding: 8px 4px 3px 39px; }

.pagebase .SumoSelect > .optWrapper,
.pagemask .SumoSelect > .optWrapper {
  background: #F9FE9C;
  color: #4F4F4F;
  /* padding: 0.3em 1em 0.3em 1em; */ }

.pagebase .SumoSelect > .optWrapper > .options,
.pagemask .SumoSelect > .optWrapper > .options {
  margin: 0 4px 4px 0;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0 4px; }

.pagebase .SumoSelect > .optWrapper > .MultiControls p,
.pagemask .SumoSelect > .optWrapper > .MultiControls p {
  /* btnOk + btnCancel */
  background: #F9FE9C;
  color: #4F4F4F; }

.pagebase .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk,
.pagemask .SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid white; }

.pagebase .SumoSelect > .optWrapper > .MultiControls p:hover,
.pagemask .SumoSelect > .optWrapper > .MultiControls p:hover {
  /* color: $color45; */
  /* border-color: $color15; */
  color: #555;
  background-color: #C9E77C;
  transition: all 0.2s ease-in; }

.chosen-container a {
  color: inherit; }

.pagebase .input-line,
.pagebase .input-line {
  display: table-row; }

.pagebase .input-line .input-element,
.pagebase .input-line .input-element {
  width: auto !important; }

/* =================================== neu ========================================= */
/* ----------------------- top-Bereich -------------------------*/
#content-top {
  height: 55px;
  width: auto;
  padding: 2px; }

#top-logo,
table.topbanner {
  float: left; }

#top-logo {
  width: 200px;
  padding-left: 24px; }

#top-logo:hover {
  opacity: 0.8;
  -webkit-transition: all 0.1s ease-in;
  /* Safari */
  transition: all 0.1s ease-in; }

#top-logo #img-logo {
  margin-top: 5px; }

#meldungen {
  float: left;
  width: 30%;
  padding: 2px 10px;
  text-align: center; }

#top-info {
  margin-bottom: 10px;
  /* letter-spacing: 1px; Nur, wenn die Schrift Serifen zum einfacheren Lesen hat. */ }

#broadcastmeldung {
  font-size: 14px; }

#top-login {
  /* damit es nicht rausgefloatet wird, besser fest positionieren */
  position: absolute;
  right: 4px;
  top: 4px; }

#top-login #logout,
#top-login #hilfe {
  min-width: 130px; }

#top-login #logout {
  margin-bottom: 4px; }

table.topbanner {
  border-spacing: 1px;
  white-space: nowrap; }

table.topbanner th,
table.topbanner td {
  padding: 1px 5px;
  white-space: nowrap; }

.inputtop {
  padding: 2px;
  background-color: #EEF7DF;
  color: #3D8231;
  border: none;
  border: 1px solid #999; }

.topbanner .inputtop {
  border: none;
  background-color: white; }

.topLabel {
  display: inline-block;
  margin-right: 4px; }

.topbanner #APPLI {
  margin-top: -2px; }

.topbanner #memoerfassen {
  float: left;
  margin-top: 1px;
  text-align: left; }

.topbanner #meldung-info {
  font-weight: bold;
  font-size: 1.5em;
  color: white;
  z-index: 2; }

.topbanner .fa-stack {
  font-size: 0.6em;
  padding: 3px 4px;
  border: 1px solid #000000;
  border-radius: 3px; }

/* Wegen ansonsten aktuell verunstalter bertaplus-App, ck */
.buttonTopMenu {
  height: 22px;
  padding: 0 8px; }

/* ----------------------- Geo-Informationen ------------------*/
.first-line {
  height: 20px;
  margin-bottom: 6px; }

.geo-id {
  display: inline-block;
  float: left; }

.geo-kdnr {
  font-weight: bold;
  padding-bottom: 10px;
  float: left; }

.geo-icon {
  display: inline-block;
  float: right; }

/* -------------------------------------------------------------*/
/* ----------------------- Lagerplatzauskunft ------------------*/
.fach_rahmen0 {
  border: 1px solid #000000; }

.fach_rahmen1 {
  border: 1px solid #000000; }

.fach_belegt {
  background-color: #CC9900;
  color: #000000; }

.fach_frei {
  background-color: #FFFFCC;
  color: #FFFFFF; }

.fach_gesperrt {
  background-color: #FF8000; }

.select_all {
  cursor: pointer; }

.select_none {
  cursor: pointer; }

/* -- KundenComplianceCheck ----------------------- */
#boxHistorie {
  /*float: left;*/ }

#divBtnCheck {
  /*float: left;*/
  border: none; }

.buttonWrapper {
  height: 100%; }

#btnCheck {
  margin-top: 22px;
  margin-left: 20px;
  vertical-align: bottom; }

#btnEntsperr {
  float: right;
  margin-right: 24px; }

#blockMeldedaten.blockzeile {
  min-width: auto; }

/* -- Kundensuche/ Lieferantensuche ----------------------- */
#page-lieferantenSuche #content {
  margin-top: 0px;
  /*margin-left: 10px;*/ }

div.content-div {
  /*margin-top: 20px;*/ }

#erweitert {
  margin-top: 10px;
  margin-bottom: 10px; }

#erwsuche {
  margin-left: 10px;
  margin-right: 10px; }

/* -- Zusatzklasse zur contentbox (ohne Rahmen anzeigen) -- */
.border-none {
  border: none;
  padding: 40px;
  padding-bottom: 0px; }

.null {
  margin: 0;
  padding: 0; }

.contentbox-blocks {
  /*float: left;

	margin-left: 15px;

	margin-right: 15px;*/
  border-right: 1px solid black;
  display: table-cell;
  padding-left: 15px;
  padding-right: 15px; }

.contentbox-blocks:first-child {
  padding-left: 0px; }

.contentbox-blocks:last-child {
  border-right: none; }

.contentbox-blocks button {
  margin-right: 15px; }

.block-linie {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #4F4F4F; }

.meldung-center,
#leermeldung {
  width: 500px;
  margin: 5px auto 0px;
  text-align: center; }

.blockfloat {
  float: left;
  margin-right: 20px;
  margin-left: 10px; }

/* -- form ohne table ------------------------------------- */
.blockzeile {
  min-width: 480px;
  margin-bottom: 5px; }

.blockzeile #plz {
  width: 60px; }

.blockzeile #ort {
  width: 221px; }

.blockzeile .fa {
  margin-left: 5px; }

.blockzeile button {
  margin-left: 15px; }

.blockzeile-suche {
  min-width: 620px; }

#blockzeile-neuanlage.blockzeile {
  /*min-width: auto;*/
  min-width: 410px; }

#blockzeile-suche .blocklabel,
#blockzeile-neuanlage .blocklabel {
  min-width: 20px; }

#blockzeile-neuanlage input + label {
  margin-left: 30px; }

#blockzeile-neuanlage .blockinput {
  width: 135px; }

#blockzeile-neuanlage .blockselect {
  width: 135px;
  max-width: 135px;
  min-width: 135px;
  margin-top: -4px;
  margin-top: -4px;
  padding: 1px; }

#blockzeile-suche,
#blockzeile-neuanlage {
  margin-top: 10px; }

#blockzeile-suche button,
#blockzeile-neuanlage button {
  margin-top: -1px; }

#blockzeile-suche button {
  float: right;
  margin-right: 24px; }

.blockinputfelder {
  max-width: 320px; }

.blocklabel {
  display: inline-block;
  min-width: 140px; }

.blocklabel200 {
  min-width: 200px; }

#label-bis {
  width: 28px;
  min-width: 28px !important;
  margin-left: 50px; }

.blockinput {
  display: inline-block;
  /*min-width: 250px;*/
  width: 299px; }

.blockinput-small {
  display: inline-block;
  width: 100px; }

.blockselect {
  display: inline-block;
  /*min-width: 238px;*/
  width: 285px; }

#blockzeile-suche {
  /*min-width: 470px;*/ }

#blockzeile-suche label {
  width: 114px;
  margin-bottom: 2px;
  vertical-align: bottom; }

#blockzeile-suche #seekMain {
  width: 200px; }

#blockzeile-suche button {
  margin-top: -1px;
  margin-right: 10px; }

/*solana 3. Block*/
form[name="formSolanaSpezial"] .blockzeile {
  min-width: 380px; }

form[name="formSolanaSpezial"] .blocklabel {
  min-width: 80px; }

.pagebase form[name="formSolanaSpezial"] button {
  margin-top: 10px;
  margin-left: 0px; }

/* ------------------------------------------------------------------------------------ */
/* ---------------------------------- 4, 35, 16  offene TA ---------------------------- */
#page-overviewta #content {
  padding-left: 15px; }

table.overviewTA .ausgabe-tab-row2 {
  width: 100px; }

table.overviewTA {
  width: 99%;
  height: 220px;
  /* margin: 15px;*/
  margin-top: 10px; }

table.overviewTA td {
  border: 1px solid silver;
  font-size: 15px;
  /* height: 20px; */
  /* width: 83px; */
  text-align: center; }

table.overviewTA td span.valuetd {
  display: block;
  width: 50px;
  margin: 1px auto; }

#page-overviewta #navcontainer {
  margin-top: 20px; }

/* ------------------------------------------------------------------------------------ */
/* ----------------------- Terminkalender/ Arbeitsplan neu ---------------------------- */
#page-ArbeitsplanNew #employeeSelection {
  margin-top: 6px; }

#page-ArbeitsplanNew #employeeSelection button, #eventModal #problemBlockPerson button {
  min-width: 30px;
  padding: 6px 12px;
  font-weight: bold; }

#page-ArbeitsplanNew.pagemask #employeeSelection button {
  margin-left: 0px; }

#div-employee select {
  min-width: 200px; }

#employee option, #eventEmployee option {
  /*background: $color50!important;*/
  color: black; }

#div-employee {
  margin-bottom: 6px; }

.fc-center button {
  width: 30px;
  min-width: 30px; }

#page-ArbeitsplanNew #calendar {
  margin-top: 12px; }

#page-ArbeitsplanNew h2 {
  min-width: 124px;
  padding: 3px 16px;
  font-size: 14px;
  font-weight: bold;
  color: black; }

#page-ArbeitsplanNew .ui-button:not(.fc-today-button) {
  margin-left: 10px; }

#page-ArbeitsplanNew .fc-view-container {
  padding: 2px; }

#page-ArbeitsplanNew .ui-widget-header {
  background-image: none;
  color: #FBFBFB;
  background-color: #ACC254; }

#page-ArbeitsplanNew .ui-widget-header th {
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #666;
  color: #FBFBFB; }

#page-ArbeitsplanNew .fc-week-number a {
  font-size: 14px;
  color: #ACC254; }

/*pop-up*/
#myModal .modal-header,
#myModal .modal-footer {
  padding: 10px 20px;
  color: #FBFBFB;
  background-color: #ACC254; }

#myModal .close {
  float: right;
  cursor: pointer;
  margin-top: -3px;
  font-size: 20px;
  font-weight: bold; }

#myModal .modal-body {
  padding: 20px; }

#myModal #text-anzeige {
  width: auto; }

#myModal #textAreaStarts {
  width: auto; }

#myModal #textAreaStarts > div {
  margin-bottom: 10px; }

#myModal #textAreaStarts #kundenSuche input#kdnrsuche {
  margin-right: 10px;
  width: 472px; }

#myModal #addressBlock p#kdsuche {
  width: 470px;
  margin-bottom: 10px;
  padding: 6px;
  border: 2px solid #ACC254; }

#myModal #addressBlock p#kdsuche:hover {
  color: #ACC254; }

#myModal #inputFehlerbeschreibung {
  width: 100%; }

#myModal #eventDates input.datepicker {
  padding: 4px 10px;
  border: 1px solid #666; }

#myModal #resp {
  width: 100%; }

#myModal #resp input {
  cursor: pointer; }

#myModal #textAreaVtsn button#editEvent {
  margin-left: 0px; }

#page-ArbeitsplanNew #myModal select {
  min-width: 485px;
  margin-right: 10px; }

/*Termin*/
.fc-event-container .fc-content {
  padding: 5px; }

/*tooltip*/
#page-ArbeitsplanNew #hoverbar {
  /*display: block;*/
  padding: 6px;
  border: none; }

/*aus Arbeitsplan.css*/
span.fc-time {
  font-size: small; }

.topSelection {
  margin: 2px; }

.ui-widget {
  color: white; }

.ui-widget-header {
  background-color: #344451;
  color: white; }

.ui-widget-content {
  background-color: #7da4c3;
  color: white;
  border-color: black;
  border-width: 2px; }

.fc-bg {
  background-color: blue;
  opacity: .25; }

.fc-event {
  color: black; }

.fc-toolbar {
  margin: 2px; }

.fc-day-grid-event {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1); }

input.datepicker {
  margin: 2px;
  padding: 2px;
  border: 1px !important;
  border-color: black !important;
  border-style: dotted !important; }

#mapoverview {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  display: none;
  background-color: beige;
  position: fixed;
  padding: 5px;
  top: 15px;
  left: 15px;
  z-index: 4;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

#mapoverviewcontainer {
  display: flex;
  height: 100%; }

#mapoverviewmap {
  flex-grow: 2;
  flex-basis: 70%;
  margin: 10px; }

#mapoverviewsidepanel {
  flex-grow: 1;
  flex-basis: 30%;
  margin: 10px; }

#mapoverviewmapobject {
  height: 100%; }

#sidepanelitems {
  overflow: hidden;
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: scroll; }

.sidepanelitem {
  padding: 5px;
  margin-bottom: 9px;
  width: calc(100% - 40px);
  background-color: white;
  /*border-width: 1px;*/
  /*border-style: dotted;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-style: solid;
  border-width: 1px;
  border-color: white; }

.sidepanelitem:hover {
  /*border-width: 1px;*/
  background-color: #508bb9;
  /*border-style: solid;*/
  color: white; }

.hoverbar {
  position: absolute;
  z-index: 5;
  padding: 2px;
  border-color: black;
  display: none;
  min-height: 50px;
  min-width: 50px;
  border-width: 1px;
  background-color: rgba(255, 255, 255, 0.9);
  border-style: solid;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: fadehover;
  -webkit-animation-duration: 0.4s;
  animation-name: fadehover;
  animation-duration: 0.5s;
  overflow: hidden; }

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s; }

#kdSearchBack button {
  width: 40px;
  min-width: 40px; }

#page-ArbeitsplanNew.pagemask #eventEmployee {
  width: 290px;
  min-width: 290px; }

.edit-event-window .bannertext {
  margin-bottom: 0; }

#problemBlockDate {
  margin-top: 5px;
  margin-left: 5px; }

@keyframes fadehover {
  from {
    opacity: 0; }
  to {
    opacity: 0.9; } }

/*.close {

    color: white;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

}*/
/*.modal-header {

    padding: 2px 16px;

    background-color: #5cb85c;

    color: white;

}



.modal-body {

    display: flex;

    justify-content: center;

    padding: 2px 16px;

    height: 512px;

}



.modal-footer {

    padding: 2px 16px;

    background-color: #5cb85c;

    color: white;

}

*/
@-webkit-keyframes fadehover {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

#page-termeinrichten #FD1,
#page-termeinrichten #FD2,
#page-termeinrichten #FD3,
#page-termeinrichten #FD4,
#page-termeinrichten #FD5,
#page-termeinrichten #FD8 {
  min-width: 200px; }

#page-termeinrichten #FD10_chosen,
#page-termeinrichten #FD11_chosen,
#page-termeinrichten #FD53_chosen {
  min-width: 210px; }

#page-termeinrichten textarea#FD12 {
  min-width: 640px; }

/* ------------------------------------------------------------------------------------ */
/* --------------------------------- index login -------------------------------------- */
/* ------------------------------------------------------------------------------------ */
#bodylogin {
  width: 100%;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #e0e2ce; }

#bodylogin #formLogin {
  width: 100%;
  height: 100%; }

#loginForm {
  /*width: 100%;*/
  min-width: 300px;
  height: calc(100% - 60px);
  padding: 30px;
  color: white; }

#index-top {
  width: 100%;
  height: 200px; }

#logo {
  float: left;
  font-family: font-logo, Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-shadow: 0px 0px 1px #999; }

#logo-text {
  min-width: 350px;
  margin-top: 20px;
  margin-bottom: 20px; }

#logo-text p {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold; }

#berta-login {
  float: right;
  margin-top: 20px;
  margin-right: 20px; }

#berta-login label {
  margin-right: 5px;
  font-size: 14px;
  /*font-weight: bold;*/ }

/*#berta-login input.inputtop-weis:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

	-webkit-text-fill-color: yellow !important;

}*/
#berta-login input.inputtop-weis:-webkit-autofill,
#berta-login input.inputtop-weis:-webkit-autofill:hover,
#berta-login input.inputtop-weis:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 0, 0, 0) inset;
  transition: background-color 36000s ease-in-out 0s; }

.login-titel {
  position: absolute;
  top: 110px;
  /*margin-bottom: 20px;*/ }

#login-error {
  position: absolute;
  top: 110px;
  padding: 20px 25px;
  font-weight: bold;
  color: red;
  background-color: rgba(27, 35, 38, 0.5); }

/* #berta-login > div {

	float: left;

	margin-right: 40px;

} */
#berta-login #login-name,
#berta-login #login-passwort,
#berta-login #login-Button {
  float: left;
  margin-right: 20px; }

#berta-login > div input {
  width: 160px;
  padding: 8px 12px;
  font-size: 14px;
  border: 2px solid white;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: white;
  background-color: transparent; }

#berta-login > div input:focus {
  outline: none; }

#berta-login input#CacheLogin {
  /*width: 100px;*/
  width: auto;
  font-weight: bold;
  color: #777;
  background-color: white; }

#berta-login input#CacheLogin:hover {
  cursor: pointer;
  border: 2px solid white;
  color: white;
  background-color: transparent; }

#infos-wrapper {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 60px);
  min-height: 125px;
  padding: 100px 30px 10px;
  background-color: rgba(27, 35, 38, 0.5);
  /*background: linear-gradient(transparent, #111);*/
  background: linear-gradient(transparent, #000);
  /*noch mehr Kontrast - ausprobieren*/ }

#infos {
  display: table;
  margin: 0 auto; }

#infos > div {
  display: table-cell;
  min-height: 110px;
  padding-bottom: 10px; }

#index-firm,
#index-address,
#web-info {
  float: left;
  margin-right: 60px; }

#index-firm {
  margin-right: 80px;
  font-size: 14px; }

#index-firm > div,
#index-address > div,
#web-info > div {
  margin-bottom: 3px; }

#index-firm {
  font-weight: bold; }

#web-info {
  min-height: 110px !important;
  margin-right: 0px; }

#browser-info,
#browser-info2 {
  float: left;
  margin-right: 60px; }

#browser-info p,
#browser-info2 p {
  margin-bottom: 6px;
  font-weight: bold; }

#browser-info ul,
#browser-info2 ul {
  margin-left: 10px; }

#browser-info li,
#browser-info2 li {
  margin-bottom: 3px; }

#infos #browser-info,
#infos #browser-info2 {
  min-height: 50px;
  /*margin-top: 26px;*/ }

/* ----- Slider login-Seite ----- */
#ajSlider {
  height: 100%; }

#ajSlider img.slider-img {
  z-index: -1; }

#ajSlider a.slider-txt {
  height: 60px !important;
  /*Höhe der Schriftgröße*/
  top: 40% !important;
  text-decoration: none;
  color: white;
  cursor: default; }

#ajSlider a.slider-txt:hover {
  cursor: default; }

#bulletsWrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 36px;
  text-align: center; }

#ajSliderBullets {
  /*position: absolute;

	bottom: 0!important;*/ }

/* --------------------------------- Bilder (fa) -------------------------------------- */
.fa-lg {
  min-width: 20px; }

.fa-gear.fa-lg {
  line-height: 0px;
  /*vertical-align: middle;*/ }

/* ----------------------------- aus left.csp übernommen ------------------------------ */
#minimieren {
  /*position: absolute;

	bottom: 20px;

	right: 5px;*/
  z-index: 1; }

.minimierenOff {
  /*position: absolute;*/
  position: fixed;
  bottom: 20px;
  left: 187px; }

.minimierenOn {
  /*position: absolute;*/
  position: fixed;
  bottom: 20px;
  left: 0px; }

#minimieren a {
  text-decoration: none; }

.minimierenOff a {
  padding: 3px 5px 2px 4px;
  text-decoration: none;
  border: 2px solid silver;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: white; }

.minimierenOn a {
  width: 14px;
  height: 22px;
  /*padding: 3px 3px 2px 4px;*/
  padding: 3px 1px 2px;
  text-decoration: none;
  border: 2px solid silver;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: white; }

/*--------------alt---------------*/
.pagelogin {
  /*background-color: #B1DE98;

    background-image: url(../images/login-background.png);

    background-repeat: no-repeat;*/
  background-size: 100% 100%;
  margin: 0 auto; }

/*.pagelogin table {

	border-collapse: collapse;

	border-spacing: 0;

}

.pagelogin td {

	padding: 0;

}*/
.pagelogin1 {
  background-color: #63A621; }

/* ---------------------------- index - Startseite nach login ------------------------- */
.auswahltabelle .button-zeile td {
  padding: 10px 0 0; }

.auswahltabelle .button-zeile button {
  margin-right: 0;
  margin-left: 0; }

/* ------------------------------------------------------------------------------------ */
/* --------------------------------- 1,55 RMA-Abwicklung ------------------------------ */
#rma table.tpTable {
  table-layout: auto;
  width: auto; }

#rma fieldset {
  margin-right: 20px;
  margin-top: -22px;
  padding: 10px 10px 10px 20px;
  min-width: 610px;
  width: 620px; }

#rma fieldset legend {
  margin-top: 22px;
  padding: 5px 20px;
  border: none; }

#zenBody .button {
  /* für alle Buttons in den Zen-Klassen, ausser TB */
  min-width: 120px;
  padding: 3px 6px;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ACC254;
  color: #F9FAEA; }

#rma .button {
  margin-top: 8px;
  margin-bottom: 10px; }

#btnKDMAIL,
#btnSavePos {
  padding-right: 7px; }

#rma table.group td {
  padding-bottom: 3px;
  padding-right: 3px; }

#rma input {
  border: none;
  border: 1px solid #999;
  padding: 2px 4px; }

/* ------------------------------------------------------------------------------------ */
/* ------------------- 8,33,17,16 Länder Präferenzberechtigungen ---------------------- */
#pvLLELand #content {
  padding-left: 20px; }

#lstLand,
#blockRight {
  float: left; }

#lstLand,
#lstAuswahl {
  margin-right: 30px;
  margin-bottom: 8px; }

.buttonList {
  min-height: 30px;
  margin-top: 22px;
  margin-bottom: 30px; }

.buttonList .buttonWrapper {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.buttonWrapper .buttonRight {
  float: right;
  margin-top: 10px;
  margin-right: 0; }

#frmDetails {
  margin-left: 4px; }

#frmDetails .blocklabel {
  min-width: 160px; }

/* ------------------------------------------------------------------------------------ */
/* --------------------- 1,2 Langzeit-Lieferntenerklärung ----------------------------- */
#divEinstellungen .blocklabel {
  min-width: 200px; }

#labelKumLand.blocklabel {
  /*min-width: 34px;

	width: 34px;*/ }

#labelUmsatzSel.blocklabel {
  min-width: 84px;
  width: 84px; }

#labelKumLand.blocklabel {
  min-width: 34px;
  width: 34px; }

.blocklabel.blocklabel-small,
.blocklabel-small {
  min-width: 34px;
  width: 34px; }

#TageSeit {
  width: 174px; }

#KumulierungLand {
  width: 224px; }

/* ------------------------------------------------------------------------------------ */
/* -------------------------- 11,14,18 Programmeinstellungen ----------------------------- */
label[for=KUNTERBUNT] {
  float: left; }

.color-button {
  float: left;
  display: inline-block;
  width: 20px;
  margin-top: -4px;
  margin-right: 10px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: white; }

#farbTabelle tr th {
  min-width: 53px; }

/* ------------------------------------------------------------------------------------ */
/* -------------------------- 3,1 und 3,2 Sortierfunktion ----------------------------- */
#standardSort_chosen .chosen-search {
  display: none; }

/* ------------------------------------------------------------------------------------ */
/* ---------------------------- 1,2 T�tigkeitsbericht --------------------------------- */
body #tbvers4 {
  font-family: Verdana, Arial, Helvetica, sans-serif; }

body #tbvers4 * {
  /*margin: 0px;

	padding: 0px;*/ }

#tbvers4 #FormTaet4 {
  width: 900px;
  margin: 20px auto;
  padding: 30px 50px 50px;
  background-color: white; }

#tbvers4 .zendiv {
  /*margin-top: 10px;*/ }

#tbvers4 #FormTaet4 tr {
  /*padding-bottom: 5px;*/ }

#tbvers4 input[type="button"] {
  min-width: 200px; }

#tbvers4 input[type="input"],
#tbvers4 select,
#tbvers4 textarea,
#tbvers4 .comboboxInput,
#tbvers4 input.text {
  padding: 4px;
  border: 1px solid #888; }

#tbvers4 input[type="text"][disabled],
#tbvers4 input[type="text"][readonly],
#tbvers4 textarea[disabled],
#tbvers4 textarea[readonly],
#tbvers4 textarea[disabled],
#tbvers4 select[readonly],
#tbvers4 select[disabled] {
  background-color: white; }

#tbvers4 select {
  width: 238px;
  cursor: pointer; }

#tbvers4 #control_63 {
  /*width: 810px;*/ }

#tbvers4 textarea {
  width: 870px;
  padding: 10px; }

#tbvers4 .dateTextInput {
  padding: 4px;
  font-size: 12px; }

#tbvers4 .TBbutton,
#tbvers4 input[type="button"] {
  margin: 4px 0px;
  padding: 8px 12px; }

#tbvers44 .TBbutton,
#tbvers4 .button {
  font-weight: bold;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border: none;
  /*color: white;*/
  /*background-color: #777;*/
  /*background-color: $color45;*/
  /*dunkelgrau*/
  /*background: $color15;*/
  /*hellgrau*/
  background: #DADADA;
  /*hellgrau*/ }

#tbvers4 .TBbutton2,
#tbvers4 input[type="button"] {
  font-weight: bold;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border: none;
  /*color: white;*/
  /*background-color: #777;*/
  /*background-color: $color45;*/
  /*dunkelgrau*/
  /*background: $color15;*/
  /*hellgrau*/
  background: #DADADA;
  /*hellgrau*/ }

#tbvers4 .TBbutton2,
#tbvers4 input[type="button"]:focus {
  border: none;
  /*color: white;*/
  /*background-color: #508BB9;*/
  background-color: #ACC254;
  /*blau*/ }

#tbvers4 input[type="button"]:focus {
  color: white; }

#tbvers4 .TBbutton2,
#tbvers4 input[type="button"]:focus {
  border: none; }

#tbvers4 hr {
  box-sizing: border-box;
  margin: 20px 0;
  height: 0.05em;
  background: silver;
  border: 1px solid silver; }

#tbvers4 .zenLabel {
  display: block;
  margin-right: 5px;
  margin-bottom: 10px; }

#tbvers4 #liadr {
  margin-left: 20px; }

#tbvers4 #MARKETINGERH {
  width: 900px; }

#tbvers4 #MARKETINGSD,
#tbvers4 #MARKETINGERH {
  position: absolute;
  width: 930px; }

#tbvers4 #MUSTERSEND01,
#tbvers4 #MUSTERERH01 {
  /*margin-top: 54px;*/
  margin-top: 104px; }

/*-------save-----------*/
#tbvers4 #TB-Kopf option {
  height: 16px; }

#tbvers4 #vgTBKopf,
#tbvers4 #vgAsp,
#tbvers4 #vgVorgang {
  margin-right: 10px; }

#tbvers4 #TBANSPR input.comboboxInput {
  width: 200px;
  padding: 5px; }

#tbvers4 #TBZEITAB,
#tbvers4 #TBZEITBIS {
  margin-top: 5px;
  margin-right: 10px; }

#tbvers4 #FormTaet4 #TBTHEMA input {
  width: 882px; }

#tbvers4 #FormTaet4 #vgtoggle {
  /*position: relative;*/
  /*background-color: silver;*/ }

#tbvers4 #FormTaet4 #vgtoggle #holder table tr td {
  /*min-height: 100px;

	border: 1px solid red;

	height: 170px;

	padding-left: 470px;*/
  padding: 5px; }

/*#tbvers4 #FormTaet4 #vgtoggle #holder table tr td div textarea {

	padding: 10px;

}*/
#tbvers4 #FormTaet4 #vgtoggle #holder table tr td span {
  display: block;
  margin: 5px 0 12px 0;
  margin-bottom: 5px; }

#tbvers4 #BERICHTIN textarea {
  width: 417px;
  min-height: 150px;
  margin-top: 22px;
  padding: 10px; }

#tbvers4 #dynamicComponent textarea {
  width: 417px;
  min-height: 150px;
  padding: 10px; }

#tbvers4 #FormTaet4 #vgtoggle #dynamicComponent {
  /*position: absolute;

	top: 60px;

	left: 470px;*/ }

#tbvers4 #FormTaet4 #EIG {
  /*margin: 0 30px 10px 250px;*/
  margin-left: 262px;
  margin-right: 30px; }

#tbvers4 #Nachfassen {
  margin-top: 15px; }

/*-------save-----------*/
#tbvers4 #save,
#tbvers4 #BUTTONGRP {
  width: 900px;
  height: 20px; }

#tbvers4 #save td {
  width: 900px; }

#tbvers4 #BUTTONGRP > table {
  width: 900px; }

#tbvers4 #submit {
  /*float: right;*/ }

#tbvers4 #SENDEN,
#tbvers4 #UEBERGABE {
  /* margin-bottom: 20px;*/ }

/* ------- neuer TB------------------------------- -------*/
/* ------- aus TaetigkeitsberichteDOMDetailKD4.cls -------*/
#tbvers4 .dateTextInput {
  /* font-size: 18px;*/ }

/* @doc="Image button in combobox." */
#tbvers4 .comboboxImgButton {
  width: 17px;
  height: 26px;
  margin-left: -2px;
  vertical-align: middle;
  background: white;
  border: 1px solid #777; }

#tbvers4 .multicss {
  border: solid 0px;
  margin-top: 10px;
  margin-left: 0px;
  height: 50px;
  width: 750px;
  overflow-y: scroll;
  overflow-x: auto;
  background: #ECE6D7; }

#tbvers4 .fieldset {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  border: 0px;
  background: none; }

#tbvers4 .fieldSet {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  border: 1px solid #9DBDD1;
  background: none; }

#tbvers4 .multiSelectSetCaption {
  vertical-align: 25%;
  display: block;
  padding: 0.4em 0.8em;
  line-height: 1;
  /*color: #fff;*/
  /*background-color: #777;*/
  /*background-color: $color45;*/
  /*dunkelgrau*/
  /*background: $color15;*/
  /*hellgrau*/
  background: #DADADA;
  /*hellgrau*/ }

#tbvers4 .multiSelectSetSpan {
  vertical-align: 25%; }

#tbvers4 .radioSetCaption {
  vertical-align: 15%; }

#tbvers4 #KONTAKT {
  margin-left: 44px; }

#tbvers4 .radioSetSpan {
  height: 20px;
  vertical-align: 15%; }

/* ------------------- Kalender ----------------------*/
/* wird oberhalb #tbvers4 eingezogen, deshalb �ber ---*/
/* zenBody zugreifen ---------------------------------*/
#zenBody .calendarGap {
  width: 200px; }

#zenBody .calendar {
  height: 260px; }

#zenBody select.calendarSelect {
  width: 100px;
  height: 30px; }

/* ------------------- Combobox ----------------------*/
#zenModalDiv {
  width: 227px;
  min-width: 227px;
  max-width: 227px; }

.comboboxItem a:link,
.comboboxItem a:active,
.comboboxItem a:visited {
  font-weight: normal;
  color: black; }

.comboboxTable td {
  white-space: nowrap;
  padding-right: 3px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #808080; }

/* ------- aus multiselectsetneu.cls -----------------*/
#tbvers4 span.in {
  width: 1px; }

#tbvers4 input.ms[type="checkbox"] {
  position: absolute;
  opacity: 0; }

#tbvers4 input.ms[type="checkbox"] + label {
  display: block;
  float: left;
  width: 140px;
  min-height: 22px;
  margin: 4px 16px 4px 0;
  padding: 10px 12px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  /*color: #fff;*/
  color: #000000;
  /*background-color: #777;*/
  /*background-color: $color45;*/
  /*dunkelgrau*/
  /*background: $color15;*/
  /*hellgrau*/
  background: #DADADA;
  /*hellgrau*/
  cursor: pointer; }

#tbvers4 #MARKETINGSD > span:last-child > label,
#tbvers4 #MARKETINGERH > span:last-child > label {
  margin-right: 0px; }

#tbvers4 input.ms[type="checkbox"]:checked + label {
  color: white;
  /*background-color: #508BB9;*/
  background-color: #ACC254;
  /*blau*/ }

div.ms {
  color: white;
  background-color: #DDE3ED; }

/* ------- aus radiosetButton.cls -----------------*/
/*

  Hide radio button (the round disc)

  we will use just the label to create pushbutton effect

*/
#tbvers4 input.msra[type=radio] {
  display: none;
  margin: 10px; }

/*

  Change the look'n'feel of labels (which are adjacent to radiobuttons).

  Add some margin, padding to label

*/
#tbvers4 input.msra[type="radio"] + label {
  display: block;
  float: left;
  min-width: 140px;
  margin: 4px 14px 4px 0;
  padding: 10px 12px;
  text-align: center;
  font-weight: bold;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-color: #ddd;
  /*color: white;*/
  /*hier muss die dunkle Schriftfarbe rein*/
  color: #000000;
  /*background-color: #777;*/
  /*background-color: $color45;*/
  /*dunkelgrau*/
  /*background: $color15;*/
  /*hellgrau*/
  background: #DADADA;
  /*hellgrau*/
  cursor: pointer; }

/*

 Change background color for label next to checked radio button

 to make it look like highlighted button

*/
#tbvers4 input.msra[type="radio"]:checked + label {
  color: white;
  background-image: none;
  /*background-color: #508BB9;*/
  background-color: #ACC254;
  /*blau*/ }

#tbvers4 #KONTAKT input.msra[type="radio"] + label {
  margin-right: 0;
  margin-left: 14px; }

#tbvers4 #MARKETINGSD input.msra[type="radio"] + label {
  margin-right: 0;
  margin-left: 14px; }

/* ------- aus dateText.cls -----------------*/
/* @doc="Style for div around active dateText control" */
.dateTextDiv {
  height: 18px;
  /* border: 1px solid #8080D0;*/
  border: 1px solid #999;
  background: white; }

/* @doc="Style for dateText input control." */
.dateTextInput {
  border: none; }

.dateTextIcon {
  width: 18px;
  height: 18px;
  padding: 0px; }

.dateTextIcon:hover {
  padding: 0px;
  background: #FFEEAA; }

/* ------------ Vorfilter 1.20 Kunde: 84 ------------ */
.vorfilter {
  clear: both;
  padding-left: 10px;
  padding-bottom: 30px; }

.vorfilter-datum, .vorfilter-liefertermin, .vorfilter-offeneAuftraege, .vorfilter-kunde, .vorfilter-aa, .vorfilter-sb, .vorfilter-submitButton {
  clear: both; }

.vorfilter-datum-legend, .vorfilter-liefertermin-legend, .vorfilter-offeneAuftraege-legend, .vorfilter-kunde-legend, .vorfilter-submitButton-legend, .vorfilter-aa-legend, .vorfilter-sb-legend {
  float: left;
  width: 120px;
  margin-bottom: 10px;
  height: 18px;
  padding-top: 7px; }

.vorfilter-lieferterminvon, .vorfilter-lieferterminbis, .vorfilter-datumvon, .vorfilter-datumbis, .vorfilter-aa, .vorfilter-sb {
  height: 13px; }

/* ------------ Vorfilter 1.20 Kunde: 84 ------------ */
/* ------------ 1.36.4 Bearbeiten einer Buchung zu einer Rechnung ------------ */
.editRechnung {
  margin: 50px 0 0 20px; }

.editRGNetto, .editRGMahnSpe, .editRGMahnStu, .editRGMahnSto, .editRGMahnKen, .editRGInfo, .editRGBtn {
  cler: both; }

.editRGNettoLegend, .editRGMahnSpeLegend, .editRGMahnStuLegend, .editRGMahnStoLegend, .editRGMahnKenLegend, .editRGInfoLegend, .editRGBtnLegend {
  float: left;
  width: 150px; }

.editRGNettoField, .editRGMahnSpeField, .editRGMahnStuField, .editRGMahnStoField, .editRGMahnKenField, .editRGInfoField {
  margin-bottom: 10px; }

.editRGBtnField {
  padding-left: 150px; }

.contentboxRG {
  /* nicht ändern !!! */
  border: 1px solid silver;
  margin: 10px 50px 10px 10px;
  padding: 10px;
  vertical-align: top;
  width: 400px;
  height: 280px;
  float: left; }

.contentboxRG .legende {
  position: relative;
  top: -10px;
  left: -10px;
  margin: 0 auto;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  min-height: 22px;
  border: 0;
  background: #BFDD99; }

.contentboxRG .auskunftsblock .legend {
  float: left;
  width: 100px;
  height: 20px; }

.contentboxRG .auskunftsblock .legendBlockTop {
  padding-top: 10px; }

.contentboxRG .auskunftsblock .legendBlockBottom {
  padding-bottom: 10px; }

.contentboxRG .auskunftsblock .content {
  float: left;
  width: 300px;
  height: 20px; }

.contentboxRG .auskunftsblock .contentBlockTop {
  padding-top: 10px; }

.contentboxRG .auskunftsblock .contentBlockBottom {
  padding-bottom: 10px; }

.contentboxRG .auskunftsblock .contentBtn {
  padding-left: 100px; }

.contentboxRG .auskunftsblock .content .FormInput {
  width: 150px; }

.contentboxRG .auskunftsblock .FormInputMahnsperre {
  width: 220px;
  height: 10px;
  padding: 7px 6px; }

.contentboxRG .auskunftsblock input[type='number']:not(.selectnew) {
  padding: 7px 6px; }

/* ------------ 1.36.4 Bearbeiten einer Buchung zu einer Rechnung ------------ */
/* ------------ 4.22.7 Select für Table ------------ */
/* ------------ 4.35.12 Summen Soll und Ist-Menge -----------------------------*/
.datentabelle-summe {
  text-align: right;
  border-top: 1px solid silver; }

/* ------------ 4.35.12 Summen Soll und Ist-Menge -----------------------------*/
/* ------------ 1.4 Footer Info und Buttons -----------------------------*/
.infoBtnFooter {
  position: absolute;
  top: 0;
  right: 40px;
  height: 100%; }

.fRow {
  clear: both;
  width: 100%;
  height: 10px; }

.fCol {
  float: left;
  width: 150px;
  text-align: right;
  /*border:1px solid red;*/ }

.fColSmall {
  width: 30px; }

.fColSmall2 {
  width: 70px; }

.fColBig {
  width: 370px; }

.fColBig2 {
  width: 220px; }

.fBtnRow {
  height: 30px;
  width: auto; }

.fColBtn {
  float: right; }

/* ------------ 1.4 Footer Info und Buttons -----------------------------*/
/* ------------------------------------------------------------------------------------ */
/* ------------ 7.41 Vermehrungsplanung -----------------------------*/
/*

	1.1 "Konditionene" -> "Kunde-Artikel-Konditionen"

	Eingabefeld neuer Preis für APPNR = 23

*/
.showNewPrice {
  margin-left: 10px;
  display: none; }

/* ------------------------- 3.23 Artikel messen ---------------------------- */
.button-janein-96 {
  min-width: 96px !important; }

.button-96 {
  min-width: 96px !important; }

/* -------------------------------- media queries ------------------------------------- */
/* ------------------------------------------------------------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
  /* stellen Abstand in DropDown-Select anders dar */
  .pagebase select:not(.selectnew):not(.filter),
  .pagemask select:not(.selectnew):not(.filter) {
    /*padding: 0.6em 0.5em;*/ }
  .sortiertabelle .sortiertabelle-footer select {
    height: auto; } }

@media not screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* remove standard-styles */
  /*.pagebase input:not(.selectnew),*/
  /* .pagebase #navcontainer button, */
  .pagebase button,

.pagemask button {
    -o-appearance: none;
    -khtml-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Kein Standard einzelne Browser ben�tigen dies aber dennoch schon */
    border: none;
    /*border-radius: 0;*/
    font-size: 1em; } }

@media not screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pagebase input[type='checkbox']:checked,
  .pagebase input[type='checkbox']:not(:checked),
  .pagebase input[type='radio']:checked,
  .pagebase input[type='radio']:not(:checked),
  .pagemask input[type='checkbox']:checked,
  .pagemask input[type='checkbox']:not(:checked),
  .pagemask input[type='radio']:checked,
  .pagemask input[type='radio']:not(:checked) {
    width: 0;
    height: 0;
    background: #FFFFFF;
    visibility: hidden;
    margin: 0;
    padding: 0;
    border: 0; }
  .pagebase input[type='checkbox'] + label,
  .pagebase input[type='radio'] + label,
  .pagemask input[type='checkbox'] + label,
  .pagemask input[type='radio'] + label {
    cursor: pointer;
    margin-right: 10px;
    /* Abstand zu weiterem Inhalt - z.B. weiteren Checkboxen */ }
  /*.pagebase input[type='checkbox']:checked,

    .pagebase input[type='checkbox']:not(:checked),

    .pagebase input[type='radio']:checked,

    .pagebase input[type='radio']:not(:checked),*/
  .pagemask input[type='checkbox']:checked,
  .pagemask input[type='checkbox']:not(:checked),
  .pagemask input[type='radio']:checked,
  .pagemask input[type='radio']:not(:checked) {
    /* display: inline-block; */
    display: none; }
  .pagebase input[type='checkbox']:checked + label::before,
  .pagebase input[type='checkbox']:not(:checked) + label::before,
  .pagebase input[type='radio']:checked + label::before,
  .pagebase input[type='radio']:not(:checked) + label::before,
  .pagemask input[type='checkbox']:checked + label::before,
  .pagemask input[type='checkbox']:not(:checked) + label::before,
  .pagemask input[type='radio']:checked + label::before,
  .pagemask input[type='radio']:not(:checked) + label::before {
    content: ' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    /* position: relative;

		top: 4px; */
    /* Wo kam das denn her? Laesst die Checkboxen nach unten rutschen; ck, 20.10.2015 */
    border: 1px solid #ACC254;
    background: #FFFFFF;
    /*margin: 0.1em 0.3em 0 0.1em;*/
    margin: 0.1em 0.3em 0 0;
    /* testweise, ck 0.1em 1em 0.6em 0.1em; */
    /*box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);*/ }
  .pagebase table.anwahlliste input[type='checkbox']:checked + label::before,
  .pagebase table.anwahlliste input[type='checkbox']:not(:checked) + label::before,
  .pagebase table.anwahlliste input[type='radio']:checked + label::before,
  .pagebase table.anwahlliste input[type='radio']:not(:checked) + label::before,
  .pagemask table.anwahlliste input[type='checkbox']:checked + label::before,
  .pagemask table.anwahlliste input[type='checkbox']:not(:checked) + label::before,
  .pagemask table.anwahlliste input[type='radio']:checked + label::before,
  .pagemask table.anwahlliste input[type='radio']:not(:checked) + label::before {
    width: 13px;
    height: 13px;
    margin: 0.1em auto;
    /* top: -1px; */ }
  .pagebase input[type='radio']:checked + label::before,
  .pagebase input[type='radio']:not(:checked) + label::before,
  .pagemask input[type='radio']:checked + label::before,
  .pagemask input[type='radio']:not(:checked) + label::before {
    border-radius: 30px; } }

@media not screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .pagebase input[type='checkbox']:checked + label::before,
  .pagemask input[type='checkbox']:checked + label::before {
    content: '\2714';
    font-size: 150%;
    /*box-shadow: inset 0 0 0 2px $color2;*/
    display: inline-block; }
  .pagebase input[type='checkbox']:not(:checked) + label::before,
  .pagemask input[type='checkbox']:not(:checked) + label::before {
    content: '\2714';
    font-size: 150%;
    /*box-shadow: inset 0 0 0 2px $color2;*/
    color: transparent;
    /* Soll mit dem Content gegen H�pfen der Checkbox helfen */ }
  .pagebase input[type='radio']:checked + label::before,
  .pagemask input[type='radio']:checked + label::before {
    background: #909090;
    /*box-shadow: inset 0 0 0 2px $color2;*/ } }

/* --------------------------------iPad / Tablets ------------------------------------ */
@media only screen and (max-device-width: 1024px) {
  .noMobile {
    display: none; }
  table.maske {
    margin: inherit; }
  #menusub ul.nav-dropdown li {
    height: 40px;
    line-height: 40px; }
  ul.cat li a.serie,
  ul.cat li a.serie-aktiv,
  ul.cat li a.serie-typ,
  ul.cat li a.serie-typ2,
  ul.cat li a.serie-typ3,
  ul.cat li a.serie-typ4,
  ul.cat li a.serie-typ5 {
    padding: 5px 0 5px 18px; } }

.cat a {
  /*font-size: 1.2em;*/ }

#menusub a {
  /*padding: 4px 10px;*/
  /*font-size: 1.4em;*/
  /*font-size: 16px!important;*/ }

/* --------------------------------für Carsten------------------------------------ */
/* für Monitore kleiner 1305px */
@media screen and (min-width: 100px) and (max-width: 1180px) {
  .noMobile {
    display: none; }
  /* 1,4 formfooter1 */
  .formfooter1 {
    /*height: auto;*/ }
  .formfooter1 .fCol {
    max-width: 140px;
    /*white-space: nowrap;*/ }
  .formfooter1 .fColBig2 {
    width: auto; } }

@media screen and (min-width: 100px) and (max-width: 1105px) {
  /* login-Seite */
  #berta-login {
    max-width: 290px;
    margin-top: 40px;
    margin-right: 0; }
  #berta-login #login-name,
  #berta-login #login-passwort,
  #berta-login #login-Button {
    margin-bottom: 20px;
    float: right; }
  #berta-login label {
    display: inline-block;
    width: 70px; }
  #login-Button {
    float: right; }
  #berta-login input#CacheLogin {
    width: 187px; }
  #login-error {
    top: 240px; }
  #infos {
    min-width: 300px; }
  #infos > div {
    min-height: auto;
    padding-bottom: 15px; }
  #infos #browser-info,
  #infos #browser-info2 {
    display: none; }
  .noMobile {
    display: none; } }

@media screen and (min-width: 100px) and (max-width: 700px) {
  #berta-login {
    float: left; }
  #login-error {
    top: 440px; }
  #ajSlider a.slider-txt {
    display: none !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* iPad Querformat */
  .noMobile {
    display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* iPad Hochformat */
  .noMobile {
    display: none; } }

@media only screen and (max-device-width: 1024px) {
  /* iPad Hoch- und Querformat */
  frame[name="erfassen"] {
    max-height: 840px; }
  iframe#liste {
    height: calc(100% - 120px);
    max-height: 840px; }
  .formfooter1 {
    /*bottom: 10px;*/
    height: 66px; } }

/* -----------------------Browserweiche Chrome + Safari------------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #menusub li.nav-top-bulk button {
    margin: 3px 0px 2px; }
  #div-employee select {
    min-height: 20px;
    padding: 6px 10px; } }

/* -----------------------Browserweiche IE 8/ 9/ 10---------------------------------------- */
/* --- RMA-Aktionslisten  --- */
/* ---  Highchart Styles --- */
.highcharts-credits {
  display: none; }

.chartMonth {
  max-width: 1500px;
  height: 400px;
  float: left; }

/* ---  Highchart Styles --- */
/* ---  tabel Styles --- */
.worseList {
  clear: both;
  padding: 0 20px; }

.tableRMAList {
  border: 1px solid #ccc;
  width: 100%;
  margin: 20px 0 0 0; }

.tableRMAListAfterChart {
  margin: 420px 0 0 0; }

.tableRMAList th, .tableRMAList td {
  border: 1px solid #ccc; }

.tableRmaListDesc {
  font-weight: bold;
  width: 150px; }

.quoteGreen {
  background-color: #90EE90; }

.quoteRed {
  background-color: #FFC0CB; }

.topSellerList {
  float: left;
  width: 48%; }

.topSellerCaption {
  font-weight: bold;
  padding-bottom: 10px; }

.tableRMATopSeller {
  border: 1px solid #ccc;
  width: 100%; }

.tableRMATopSeller th, .tableRMATopSeller td {
  border: 1px solid #ccc; }

.topSellerListPaddingLeft {
  padding: 20px 10px 0 20px; }

.topSellerListPaddingRight {
  padding: 20px 20px 0 10px; }

.topSellerListHeader {
  font-weight: bold;
  padding: 20px 20px 0 20px; }

.top20ListHeader, .top40ListHeader {
  clear: both;
  font-weight: bold;
  padding: 20px 20px 0 20px; }

.top20List, .top40List {
  padding: 0 20px; }

.tableRMATop20, .tableRMATop40 {
  border: 1px solid #ccc;
  width: 100%;
  margin: 20px 0 0 0; }

.tableRMATop20 th, .tableRMATop20 td,
.tableRMATop40 th, .tableRMATop40 td {
  border: 1px solid #ccc; }

/* ---  table Styles --- */
/* --- RMA-Aktionslisten  --- */
/*1.57 Geährleitsung Asukunft*/
.gwl-label {
  float: left;
  width: 200px;
  padding: 10px 0 0 10px; }

.gwl-datenfelder {
  float: left; }

.gwl-mainSearch {
  clear: both;
  padding-bottom: 35px; }

.gwl-mainSearch-date {
  padding-bottom: 40px; }

.gwl-btnSearch {
  padding: 20px 0 0 210px; }

.gwl-input-date {
  width: 110px; }

.gwl-input {
  width: 263px; }

.bp_label_pricing {
  padding: 2px;
  margin: 8px 0;
  font-weight: bold; }

.bp_label_wrapper {
  margin: 6px; }

.bp_pricing_wrapper {
  padding: 2px; }

.bp_pricing_input {
  min-width: 200px; }

.table-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 50px; }
  .table-wrapper #init-hidden {
    display: none; }
  .table-wrapper .fixed {
    width: 100px;
    height: 100px;
    position: fixed;
    right: 10px;
    top: 10px;
    display: block; }
  .table-wrapper .table-wrapper-left {
    width: 100%;
    padding: 2px;
    overflow: auto;
    margin-left: 4px; }
    .table-wrapper .table-wrapper-left .pflegetabelle {
      max-width: 100%;
      width: 100%; }
    .table-wrapper .table-wrapper-left table {
      margin: 0;
      padding: 0; }
      .table-wrapper .table-wrapper-left table th#tab-top-sm {
        max-width: 60px; }
      .table-wrapper .table-wrapper-left table #td-sm {
        max-width: 60px; }
      .table-wrapper .table-wrapper-left table tr {
        width: 100%; }
        .table-wrapper .table-wrapper-left table tr .cellfunctions {
          display: inline-block; }
        .table-wrapper .table-wrapper-left table tr td, .table-wrapper .table-wrapper-left table tr th {
          padding: 4px 10px;
          text-overflow: elliplis; }
  .table-wrapper .table-wrapper-right {
    padding: 2px 0;
    margin: 0px 5px 0px 5px;
    min-width: 380px; }
    .table-wrapper .table-wrapper-right .article-info-td:hover {
      border: 1px solid #b6b4b4; }
    .table-wrapper .table-wrapper-right .legende {
      display: flex;
      padding: 4px 10px;
      border-top-left-radius: 4px;
      -moz-border-top-left-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      margin-bottom: 2px;
      text-align: center;
      font-weight: bold;
      font-size: 1em; }
    .table-wrapper .table-wrapper-right #article-info-wrapper {
      position: sticky;
      top: 40px;
      min-height: 600px;
      width: 380px;
      overflow: auto;
      background-color: white;
      color: black; }
      .table-wrapper .table-wrapper-right #article-info-wrapper #amount-wrapper {
        display: flex;
        flex-direction: row; }
      .table-wrapper .table-wrapper-right #article-info-wrapper table {
        direction: ltr;
        width: 100%; }
        .table-wrapper .table-wrapper-right #article-info-wrapper table .tab-top-sm {
          width: 50px; }
        .table-wrapper .table-wrapper-right #article-info-wrapper table th {
          border: 1px solid white; }
        .table-wrapper .table-wrapper-right #article-info-wrapper table .article-td {
          border: 1px solid #e0e0e0; }
      .table-wrapper .table-wrapper-right #article-info-wrapper #article-info-header {
        min-height: 20px;
        display: flex;
        flex-direction: row;
        margin-bottom: 2px; }
        .table-wrapper .table-wrapper-right #article-info-wrapper #article-info-header #article-name {
          text-align: left;
          width: 70%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-left: 4px; }
        .table-wrapper .table-wrapper-right #article-info-wrapper #article-info-header #article-number {
          text-align: left;
          width: 30%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-left: 4px; }
      .table-wrapper .table-wrapper-right #article-info-wrapper .article-info-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box; }
        .table-wrapper .table-wrapper-right #article-info-wrapper .article-info-content #article-item-block {
          min-height: 60px;
          display: flex;
          flex-direction: column; }
          .table-wrapper .table-wrapper-right #article-info-wrapper .article-info-content #article-item-block div {
            min-height: 20px;
            padding: 5px 0;
            margin-bottom: 2px;
            border: 1px solid #e0e0e0;
            width: 100%;
            text-align: left;
            color: black;
            box-sizing: border-box; }
      .table-wrapper .table-wrapper-right #article-info-wrapper .article-content-box {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
        box-sizing: border-box;
        min-height: 100px; }

#auftragskopf {
  margin-top: 40px; }

.sortiertabelle #auftragskopf {
  margin-top: 0px; }

.trafficlight {
  width: 24px;
  height: 64px;
  background-color: #000000;
  margin: 2px auto 0px auto;
  padding: 1px;
  border-radius: 10%; }

.trafficlight.horizontal {
  transform: rotate(-90deg);
  margin-top: -1px;
  margin-left: 8px; }

.lamp {
  border-radius: 100%;
  width: 18px;
  height: 18px;
  padding-top: 2px;
  padding-left: 3px;
  margin: 1px; }

.lamp.red-off {
  background-color: #331111; }

.lamp.red-ready {
  background-color: #882222; }

.lamp.red-on {
  background-color: #ff4444; }

.lamp.red-cancel {
  background-color: #331111; }

.lamp.red-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px;
  top: -12px;
  font-size: 32pt;
  font-weight: bold;
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp.yellow-off {
  background-color: #222211; }

.lamp.yellow-ready {
  background-color: #888822; }

.lamp.yellow-on {
  background-color: #ffff11; }

.lamp.yellow-cancel {
  background-color: #222211; }

.lamp.yellow-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px;
  top: -12px;
  font-size: 32pt;
  font-weight: bold;
  content: "\00d7";
  /* This will render the 'X' */ }

.lamp.green-off {
  background-color: #113311; }

.lamp.green-ready {
  background-color: #228822; }

.lamp.green-on {
  background-color: #11ff11; }

.lamp.green-cancel {
  background-color: #113311; }

.lamp.green-cancel:before {
  color: #ffffff;
  position: relative;
  left: -5px;
  top: -11px;
  font-size: 32pt;
  font-weight: bold;
  content: "\00d7";
  /* This will render the 'X' */ }

#SPSUCHE {
  position: absolute;
  top: 50px;
  left: 300px;
  min-width: 300px;
  background-color: #EFEFEF;
  border: 1px solid;
  padding: 10px 35px 10px 10px;
  display: none;
  z-index: 101; }

#SPSUCHE img {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

#employee .vs__dropdown-toggle {
  width: 250px; }

#employee .vs__dropdown-menu {
  width: 250px; }

#dropContainer {
  padding: 2px;
  border: 2px dashed #CCCCCC;
  border-radius: 8px;
  height: 60px;
  min-width: 180px;
  max-width: 180px;
  color: #CCCCCC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

#dropContainer:hover {
  cursor: pointer; }

#fileInput {
  width: auto;
  margin: 24px 0 0 0;
  padding: 8px;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }

#dropContainer #fileInput {
  display: none; }

#dragAndDrop {
  border: 1px solid #eee; }

#uploadList {
  position: relative;
  border: 2px solid #CCCCCC;
  border-radius: 8px;
  height: 60px;
  min-width: 180px;
  max-width: 180px;
  color: #CCCCCC;
  overflow: auto;
  z-index: 2000;
  padding: 2px;
  background: #fff; }
  #uploadList ul {
    list-style-type: none; }

#circleWrapper {
  width: 100%;
  max-width: 180px;
  display: inline-block; }
  #circleWrapper .numberCircle {
    top: 14px;
    right: -18px;
    position: relative;
    float: right;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    padding: 6px;
    background: #ACC254;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    z-index: 5000;
    cursor: pointer; }

#dropWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 2px; }
  #dropWrapper h1 {
    position: relative;
    width: 100%;
    margin: 0px auto;
    text-align: center; }
  #dropWrapper i {
    position: relative;
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
  #dropWrapper #uploadWrapper {
    width: 100%;
    display: inline-block; }
    #dropWrapper #uploadWrapper #uploadGraphic {
      margin: 0px auto; }

.hidden {
  display: none; }