@charset "utf-8";

/* ----- ALLGEMEIN ----- */
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.success {
  color: #156a00;
}

.failed,
div.error *,
table.datenausgabe a.delete {
  color: #970000;
}

.clear {
  clear: both;
}

body {
  min-width: 350px;
  padding: 0;
  margin: 0;
  font-size: 10px;
  background-color: #fff;
}

h1 {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
}

/* ----- STANDARD LINK FORMATIERUNG ----- */
a,
a:link,
a:visited,
a:active {
  text-decoration: none;
}

:hover.a:hover {
  color: #c6f134;
}

a:hover img {
  filter: alpha(opacity=70); /* IE */
  -moz-opacity: 0.7; /* Gecko-Browser */
  opacity: 0.7; /* Opera 9+ */
}

/* ----- LAYOUT ----- */
#main {
  width: 1400px;
}

#main_projektplanung {
  width: 2800px;
}

#head {
  padding-top: 8px;
  border-bottom: #96bf0d 2px solid;
}

#logo,
#usermenu {
  float: left;
}

#usermenu {
  margin-top: 60px;
  margin-left: 10px;
}

#usermenu a {
  color: #3c7dfb;
  text-decoration: none;
}

#usermenu a:hover,
#usermenu a:focus {
  color: #3252a0;
}

#usermenu a.active {
  color: #3c7dfb;
  text-decoration: underline;
}

#maincontent {
  min-height: 500px;
  margin: 8px 18px;
}

#foot {
  padding: 8px 18px;
  text-align: right;
  border-top: #96bf0d 1px solid;
}

#head,
#submenu {
  padding-right: 18px;
  padding-left: 18px;
}

/* ----- NAVIGATIONS ELEMENTE ----- */
#navigation {
  width: 1440px;
  padding-top: 4px;
}

#navigation li,
#submenu li,
#navigation-top li {
  float: left;
}

#navigation a,
#navigation-top a {
  display: block;
  padding: 4px 10px;
  font-weight: bold;
  color: #96bf0d;
}

#navigation a:hover,
#navigation-top a:hover {
  color: #81a20b;
  background-color: #e4f89b;
}

#navigation a.active,
#navigation-top a.active {
  color: #fff;
  background-color: #96bf0d;
}

#navigation-top {
  float: left;
  margin-top: 55px;
  margin-left: 50px;
}

#submenu a {
  display: block;
  padding: 8px 12px 2px;
  color: #96bf0d;
}

#submenu a:hover {
  color: #c0f019;
}

#submenu a.active {
  color: #96bf0d;
  text-decoration: underline;
}

/* ------ STANDARD FORMULAR FORMATIERUNG ------ */
form.standart th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

form.standart td,
form.standart th,
form.standart table.checkboxes td {
  padding: 2px 3px;
}

form.standart input[type="text"],
form.standart input[type="password"],
form.standart input[type="submit"],
form.standart textarea {
  padding: 1px 3px;
  border: 1px #b9d45d solid;
}

form.standart textarea {
  width: 400px;
  height: 150px;
}

form.standart ul {
  padding: 0;
  margin: 0;
}

form.standart li {
  padding: 1px 3px;
  vertical-align: central;
}

form.standart table.checkboxes th {
  padding: 0;
  margin: 0;
}

form.standart table.checkboxes td {
  padding-left: 0;
}

/* ------ STANDARD DATEN AUSGABE (TABLE) ------ */
table.datenausgabe {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px black solid;
}

table.datenausgabe td,
table.datenausgabe th {
  padding: 2px 6px;
  border-bottom: 1px black solid;
}

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

table.datenausgabe a.delete,
table.datenausgabe a.detail {
  padding: 2px 8px;
}

table.datenausgabe a.delete:hover {
  color: red;
}

/* ------ TAGESANSICHT ------ */
.wochenansicht {
  margin: 18px;
}

.montag {
  color: #000 !important;
  background: #f7e500 !important;
}

.dienstag {
  background: #cd071e !important;
}

.mittwoch {
  background: #003882 !important;
}

.donnerstag {
  background: #45a12b !important;
}

.freitag {
  background: #009ee0 !important;
}

.montag_low {
  background: #ffff4f !important;
}

.dienstag_low {
  background: #fb9eaa !important;
}

.mittwoch_low {
  background: #7eb5ff !important;
}

.donnerstag_low {
  background: #b6e7a5 !important;
}

.freitag_low {
  background: #c4f0ff !important;
}

.cyan {
  background: cyan !important;
}

.klebebindung {
  background: #dda0dd !important;
}

.blue {
  background: #95adef !important;
}

.inactiv_row {
  color: #aaa !important;
  background: #fafafa !important;
}

div.tagestitel {
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
}

.wochenansicht div.wochentag {
  display: block;
  float: left;
  width: 150px;
  height: 35px;
  padding-top: 15px;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.wochenansicht div.active {
  height: 50px;
}

.express {
  background: #ff7575 !important;
}

.reactivated {
  background: #ffa500 !important;
}

.frozen {
  background: #def !important;
}

#dialog-reklamation-tabs {
  padding: 0;
  margin-top: 0.5em;
}

/*  Abrechnung */

/*  table Abrechnungen */
table.abrechnung {
  width: 90%;
  border-collapse: collapse;
}

/*  header */
table.abrechnung th {
  align-content: center;
  height: 30px;
  color: #81a20b;
  background: #c6db71;
  border: solid 1px #81a20b;
}

/*  zelle */
table.abrechnung td {
  width: 70px;
  height: 30px;
  text-align: center;
  border: solid 1px #81a20b;
}

/*   zwischen summe */
table.abrechnung tr.zwischen-summe td {
  height: 45px;
  font-weight: bold;
  text-align: right;
  border: 0;
}

div.container {
  margin: 30px;
}

#ui-datepicker-div {
  display: none;
}

.fett-menu-item {
  font-size: 13px;
  font-weight: bold;
}

[id^="dataGridDruckBereit"] > tbody > tr > td:first-child {
  /* display:none; */
}

[id^="gview_dataGridDruckBereit"] > div > div > table > thead > .ui-jqgrid-labels > th:first-child,
[id^="gview_dataGridDruckBereit"] .ui-search-toolbar > th:first-child {
  /* display:none; */
}

[id^="dataGridDruckBereit"] .ui-subgrid .tablediv,
[id^="dataGridDruckBereit"] .subgrid-cell,
[id^="dataGridDruckBereit"] .ui-subgrid > td:first-child {
  padding-bottom: 0.55em;
  background: #f0f0f0;
}

[id^="dataGridDruckBereit"] .ui-subgrid .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
  border: none;
}

[id^="dataGridDruckBereit"] .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv th {
  /* font-size: 50%; */
  background: #e0e0e0;
}

.ui-jqgrid .ui-jqgrid-view table[role="presentation"] td[role="gridcell"] {
  white-space: pre-wrap;
}

.ui-jqgrid .ui-jqgrid-view table.use_ellipsis[role="presentation"] td[role="gridcell"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-state-custom-blue {
  background: #def 50% 50% repeat-x !important;
  border: 1px solid #36b !important;
}

.badge {
  position: relative;
}

.badge[data-badge]::after {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 18px;
  height: 18px;
  font-size: 0.7em;
  line-height: 18px;
  color: white;
  text-align: center;
  content: attr(data-badge);
  background: red;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

.badge_papier_egal {
  position: relative;
}

.badge_papier_egal[data-badge]::after {
  position: absolute;
  top: 4px;
  left: 230px;
  width: 32px;
  height: 32px;
  font-size: 1.4em;
  line-height: 32px;
  color: white;
  text-align: center;
  content: attr(data-badge);
  background: #aa0b0b;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

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

.badge_inkjet[data-badge]::after {
  position: absolute;
  top: -7px;
  left: 150px;
  z-index: 101;
  width: 18px;
  height: 18px;
  font-size: 0.7em;
  line-height: 18px;
  color: white;
  text-align: center;
  content: attr(data-badge);
  background: #aa0b0b;
  border-radius: 50%;
  box-shadow: 0 0 1px #333;
}

.big_icon {
  margin: 0 8px;
  image-rendering: pixelated;
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  transform: scale(1.5);
}

div.ui-icon.changed_value {
  background-image: url("dud-theme/images/ui-icons_ff0000_256x240.png") !important;
}

.ui-jqgrid-view .ui-icon {
  cursor: pointer;
}

.ui-jqgrid-view .ui-icon:hover {
  background-image: url("dud-theme/images/ui-icons_0066ff_256x240.png") !important;
}

.ui-jqgrid-view .ui-state-highlight .ui-icon {
  background-image: url("dud-theme/images/ui-icons_1e3502_256x240.png");
}

tr.altRowColor {
  background: #f6fcec url("dud-theme/images/ui-bg_highlight-soft_65_edf4d2_1x100_bright.png") 50% 50% repeat-x;
}

.ui-jqgrid-view table.no_select .ui-state-highlight {
  background: #d8e69e url("dud-theme/images/ui-bg_highlight-soft_65_edf4d2_1x100.png") 50% 50% repeat-x !important;
  border: none !important;
}

.ui-jqgrid-view table.no_select .ui-state-highlight:not(.altRowColor) {
  background: none !important;
  border: none !important;
}

.ui-jqgrid-view .ui-jqgrid-bdiv table tbody tr.editing.jqgrow,
.ui-jqgrid-view .ui-jqgrid-bdiv table tbody tr.jqgrow:hover {
  background: #d8e69e url("dud-theme/images/ui-bg_highlight-hard_50_d8e69e_1x100.png") 50% 50% repeat-x !important;
}

.ui-jqgrid-view .ui-jqgrid-bdiv table tbody tr.jqgrow td[aria-describedby$="seiten"]::after {
  margin-right: 40%;
  content: "";
}

.lager_border {
  border: #86af0d 1px solid;
}

.pale_green {
  color: #86af0d;
}

.orange {
  color: orange;
}

.button_bar {
  display: inline-flex;
  vertical-align: middle;
}

.button_bar > .changed_value {
  background-image: url("dud-theme/images/ui-icons_ff0000_256x240.png") !important;
}

.button_bar > .ui-icon {
  cursor: pointer;
}

.button_bar > .ui-icon:hover {
  background-image: url("dud-theme/images/ui-icons_0066ff_256x240.png") !important;
}

div#fancybox-overlay {
  z-index: 100000;
}

div#fancybox-wrap {
  z-index: 100000;
}

.red_icon {
  background-image: url("dud-theme/images/ui-icons_ff0000_256x240.png") !important;
}

.lowBestand {
  color: red;
}

span.missing_thumb {
  background-image: url("dud-theme/images/ui-icons_ff0000_256x240.png") !important;
}

/* jQuery UI overrides */

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #363636 !important;
  background: #fbeea4 url("dud-theme/images/ui-bg_dots-medium_50_fbeea4_4x4.png") 50% 50% repeat !important;
  border: 1px solid #f7d71e;
}

/* jqGrid overrides */

.ui-search-clear {
  width: 1%;
  vertical-align: middle;
}

.clearsearchclass {
  padding-right: 0 !important;
}

td.reklamations_notiz_spalte[role="gridcell"] {
  overflow-x: auto;
  overflow-y: scroll !important;
  background-color: rgb(223 245 225) !important;
}

div.notiz_data {
  white-space: pre-wrap;
}

.dialog_notiz {
  float: right;
  width: 180px;
  height: 100px;
  padding: 8px;
  margin-right: 10px;
  overflow-y: scroll;
  background-color: rgb(223 245 225);
  border: 1px rgb(78 115 83) solid;
}

.ui-state-disabled_custom {
  background-image: none;
  -ms-filter: "alpha(opacity=35)";
  opacity: 0.35;
}

.tooltip_custom {
  width: 100% !important;
  height: unset !important;
}

.blauer_engel_row .product_name{
  background-color: #1a5ba5;
  color: white;
}