/*
 * Base Stylesheet
 */
/**
 * Doku: PrimeStyles AL Extension
 * 
 * Diese Datei erweitert/verändert/überschreibt die Core PrimeFaces Styles
 * 
 * @Created by MAA
 */
.ui-datatable tr td {
  cursor: default;
}
/* Hinweise für leere Tabelle zentriert anzeigen. */
.ui-datatable-empty-message {
  text-align: center;
}
/* Paddings vom Theme entfernen (vorerst) */
.ui-toolbar {
  padding: 0.2em !important;
}
.ui-panel .ui-panel-titlebar {
  padding: 0.5em 1em 0.3em !important;
}
/*Hintergrundfarbe bearbeitet */
.ui-toolbar.ui-widget-header {
  background-image: none;
}
/*tabView Textfarbe geändert*/
.ui-tabs .ui-tabs-nav.ui-widget-header li a {
  color: #000000;
  background-color: #F9F9F9;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #FFFFFF;
}
/** Allgemeine Schriftart und Schriftgröße */
.ui-widget {
  font-family: "Arial", Verdana, sans-serif;
  font-size: 11px;
}
/** Allgemeine Schriftgröße */
.ui-widget .ui-widget {
  font-size: 11px;
}
/** Allgemeine Schriftart und Schriftgröße */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Arial", Verdana, sans-serif;
  font-size: 11px;
}
/** Allgemeine Icon Pfadangaben  */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-widget-content .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-widget-header .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-state-default .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-state-active .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-state-highlight .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_333333_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('../../icons/bootstrap/ui-icons_cd0a0a_256x240.png');
}
/* Wochenendtage des Kalenders färben  */
.ui-datepicker-week-end .ui-state-default {
  color: #FE1D00;
}
.ui-datepicker-week-end {
  color: #FE1D00;
}
/* Dialog Hintergrund */
.ui-widget-overlay {
  background: #444444;
  opacity: .3;
}
/* Kalender Icon anpassen */
.ui-datepicker-trigger {
  background-color: transparent !important;
  background-image: url('../../base/images/emptyIcon.png') !important;
  cursor: pointer;
  vertical-align: middle;
}
/* Hintergrundfarben von den Messages entfernen */
.ui-message-error,
.ui-messages-error {
  background-color: transparent;
  border: none;
  padding: 0px;
}
/* Formatierung von den Messages anpassen */
.ui-message-info,
.ui-message-error,
.ui-message-warn,
.ui-message-fatal {
  border: none;
  margin: 0px;
  padding: 0px;
}
/* Hilfsklasse zum Verbreitern des Primefaces-Panelheader auf Panelbreite */
.full-width-panelheader span.ui-panel-title {
  float: none;
  display: block;
  width: 100%;
}
.ui-panel .ui-panel-titlebar,
.ui-panel-titlebar {
  background-color: #dfdfde;
  color: #000000;
  height: 18px;
}
/* Formatiert den Fehlertext um, sodass dieser als Inline-Element angezeigt wird */
.ui-state-error {
  display: inline-block;
}
/* No Padding für PrimeFaces Komponente die in einem Rich Element sind */
/*Kann/muss später entfernt werden wenn es kein Richfaces mehr gibt */
/* Smartboard: Sendungsmengen */
.noPaddingSmartboard div.ui-panel-content {
  padding: 0px;
}
/* Release News */
.noPaddingReleaseNews div.ui-panel-content {
  padding: 0px;
}
.noPaddingWorkingList div.ui-panel-content {
  padding: 0px;
}
/** No Padding für die PrimeFaces Buttons */
.ui-button-text-only .ui-button-text {
  padding: 0px;
}
/** Verändert die Standardgröße des Eingabesfeldes des Kalenders von PrimeFaces! */
.ui-calendar input {
  width: 70px;
}
/** Schriftgröße vom Dialog Header */
.ui-dialog.ui-widget-content .ui-dialog-title {
  font-size: 11px;
}
/** X-Button wieder nach oben ausgerichtet */
.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
  margin-top: -2px;
}
/**Dialog Header einfärben */
.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  background-color: #e1ddd9;
}
/** Hintergrundfarbe per Mousehover transparent machen
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
	background-color: transparent;
}
*/
/** Hintergrundfarbe der Tabs per Mousehover auf weiß färben */
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover a {
  background-color: #fff;
}
/** Textschatten einfärben (weiß) */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  text-shadow: 0 0px 0px #fff;
}
/** Hintergrund der Eingabefelder auf weiß geändert */
.ui-inputfield,
.ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield {
  background: #ffffff;
  box-shadow: #fff;
  color: #313131;
}
.richTextEditor {
  /* This prevents clipping of hyperlink input field. */
}
.richTextEditor .ui-editor {
  border-radius: 4px;
}
.richTextEditor .ql-container {
  height: 150px;
  border-radius: 0 0 4px 4px;
}
.richTextEditor .ql-container .ql-editor {
  background-color: white;
}
.richTextEditor .ql-toolbar {
  padding-left: 0;
}
.richTextEditor .ql-toolbar span span:hover {
  background-color: #fff !important;
}
.richTextEditor .ql-toolbar .ql-formats {
  margin-top: -8px;
}
.richTextEditor .ql-toolbar .ql-snow {
  padding: 0;
}
.richTextEditor .ql-toolbar button {
  background-color: inherit !important;
  border-radius: 0;
}
.richTextEditor .ql-toolbar button:first-child {
  border-radius: 4px 0 0 0;
}
.richTextEditor .ql-toolbar button:hover {
  background-color: #fff !important;
}
.richTextEditor .ql-snow .ql-tooltip {
  left: 0 !important;
}
.richTextEditor .ui-editor-toolbar {
  border-radius: 4px 4px 0 0;
  height: 52px !important;
  background: url('../../icons/toolbar-richtexteditor.gif') repeat;
}
/** Hier kann man den Style des Tooltips ändern */
.ui-tooltip {
  background: #F2F2F2;
}
.ui-tooltip .ui-tooltip-text {
  background-color: #F2F2F2;
}
.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #cdcdcd;
}
.ui-tooltip-left .ui-tooltip-arrow {
  border-right-color: #cdcdcd;
}
/** Inhalt der Dialoge  */
.ui-dialog.ui-widget-content .ui-dialog-content {
  font-size: 11px;
}
/** Spaltentitel in einer Liste ändern */
.ui-column-title .ui-selectonemenu label.ui-selectonemenu-label {
  background-color: transparent;
  font-weight: bold;
}
/** Verändert die Breite des Menüs(aktuell in der TodoListe bei den Servicenafragen) */
.ui-menu.ui-widget {
  width: 220px;
}
/** Ansicht für Dokumentenupload */
.ui-fileupload-files td {
  padding: 2px 4px;
}
/** Breite des Ladebalkens im Dokumentenupload */
.ui-fileupload-content .ui-progressbar {
  width: 100px;
}
/** Scrollbereich der ColliScanInfo-Tabelle vergrößert */
#detailColliScanList .ui-datatable-scrollable-body {
  height: 270px;
}
/** Färbt den Rahmen der Checkbox rot(ist etwas dunkler als der Standard) */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #CD0A0A;
  margin-top: -1px;
  margin-right: -1px;
}
.ui-paginator .ui-icon-calculator {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/** Zentriert den Text/Code  in den Multiselektionsauswahllisten*/
.ui-selectlistbox-listcontainer ul li div > div {
  margin-right: 5px;
  vertical-align: middle;
}
/** Zeilenumbruch verhindern */
.ui-selectlistbox-listcontainer ul li {
  white-space: nowrap;
}
/**Icon (x) weiß färben */
.ui-button .ui-icon-closethick {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png') !important;
}
/**Icon (häckchen) weiß färben */
.ui-button .ui-icon-check {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/**Kalender-hover farbe auf weiß geändert */
.ui-button:hover .ui-icon-calendar {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/** Pfeile in dem Excel-Export weiß gefärbt */
.ui-button .ui-icon-arrow-1-e {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/**Pfeile in dem Excel-Export weiß gefärbt*/
.ui-button .ui-icon-arrowstop-1-e {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/**Pfeile in dem Excel-Export weiß gefärbt*/
.ui-button .ui-icon-arrow-1-w {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/**Pfeile in dem Excel-Export weiß gefärbt*/
.ui-button .ui-icon-arrowstop-1-w {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
}
/** Abstand zwischen zwei Vertikalen Radiobuttons */
.ui-selectoneradio label {
  margin-right: 7px;
}
/** Tooltiptext farblich anpassen  */
.ui-tooltip .ui-tooltip-text {
  color: black;
}
/** Tooltiphintergrund anpassen, damit nicht noch ein Rechteck drum herum liegt  */
.ui-tooltip {
  background: transparent;
}
.ui-menu.ui-widget {
  background-color: #dfdfde;
}
/* Korrektur für volle Breite vor Version 7: https://github.com/primefaces/primefaces/issues/1154 */
.ui-spinner-input {
  box-sizing: border-box;
  width: 100%;
}
.ui-widget-content .ui-state-default {
  outline: none;
}
/* Primefaces's SelectBooleanButton  */
.ui-selectbooleanbutton {
  padding-bottom: 3px;
  width: 150px;
}
.ui-selectbooleanbutton .ui-button-text {
  line-height: 90%;
  font-weight: bold;
  text-align: center;
  padding: .6em 1em .3em 2.1em;
}
.ui-selectbooleanbutton .ui-button-text::-moz-selection {
  background-color: none;
}
.ui-selectbooleanbutton .ui-button-text::selection {
  background-color: none;
}
.ui-selectbooleanbutton .ui-icon {
  top: 12px;
  left: 7px;
  width: 27px;
  height: 27px;
  color: #333333;
}
/*********** CSS Klassen für mobile Ansicht ***********/
/*html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}*/
body {
  height: 100%;
  width: 100%;
}
/* CORE LAYOUT STANDART STYLES ********************************************************************************************************** */
a,
div,
span,
input,
textarea,
li,
strong,
button {
  outline: none;
  text-decoration: none;
  /* this removes gray outline from ios safari a tags */
  /* this removes action panels from ios safari a tags */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
img {
  border: none;
  border: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px !important;
}
.ClearBoth {
  clear: both;
}
.CursPointer {
  cursor: pointer;
}
/*visibilities according to the platform*/
.ShowOnMobile {
  display: none;
}
.ShowOnDesktop {
  display: inline-block;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
/* make auto of element width and/or height attribute on mobile devices with media queries */
/* for responsive mode - if you want any ContainerX element has a responsive fluid abilities with media queries you must add this class to your element*/
/* Text Decoration */
.Underline {
  text-decoration: underline;
}
/* Making Unselectable Contents */
.Unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* for on iphone safari inputs shadow problem */
input[type="text"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* Display */
.DispBlock {
  display: block;
}
.DispTable {
  display: table;
  vertical-align: middle;
}
.DispTableCell {
  display: table-cell;
  vertical-align: middle;
}
.DispNone {
  display: none;
}
.DispInlBlock {
  display: inline-block;
}
.DispInherit {
  display: inherit;
}
/* Position */
.PosFixed {
  position: fixed;
}
.PosAbsolute {
  position: absolute;
}
.PosRelative {
  position: relative;
}
.PosStatic {
  position: static;
}
/* Floating */
.Fleft {
  float: left;
}
.Fright {
  float: right;
}
.Fnone {
  float: none !important;
}
/* Overflows */
.OvHidden {
  overflow: hidden;
}
.OvScroll {
  overflow: scroll;
}
.OvAuto {
  overflow: auto;
}
.OvVisible {
  overflow: visible;
}
.OvXScroll {
  overflow-x: scroll;
}
.OvYScroll {
  overflow-y: scroll;
}
.OvXHidden {
  overflow-x: hidden;
}
.OvYHidden {
  overflow-y: hidden;
}
/* Empty Boxes */
.EmptyBox5 {
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
}
.EmptyBox10 {
  display: block;
  width: 100%;
  height: 10px;
  overflow: hidden;
}
.EmptyBox20 {
  display: block;
  width: 100%;
  height: 20px;
  overflow: hidden;
}
.EmptyBox30 {
  display: block;
  width: 100%;
  height: 30px;
  overflow: hidden;
}
.EmptyBox40 {
  display: block;
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.EmptyBox50 {
  display: block;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.EmptyBox60 {
  display: block;
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.EmptyBox70 {
  display: block;
  width: 100%;
  height: 70px;
  overflow: hidden;
}
.EmptyBox80 {
  display: block;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.EmptyBox90 {
  display: block;
  width: 100%;
  height: 90px;
  overflow: hidden;
}
.EmptyBox100 {
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.EmptyBox110 {
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.EmptyBox120 {
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.EmptyBox130 {
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.EmptyBox140 {
  display: block;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.EmptyBox150 {
  display: block;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
/* Opacity */
.Opac100 {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.Opac95 {
  opacity: 0.95;
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
}
.Opac90 {
  opacity: 0.9;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
}
.Opac80 {
  opacity: 0.8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
}
.Opac70 {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
}
.Opac60 {
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
}
.Opac50 {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}
.Opac40 {
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
}
.Opac30 {
  opacity: 0.3;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
}
.Opac20 {
  opacity: 0.2;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
}
.Opac10 {
  opacity: 0.1;
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
}
.OpacZero {
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
}
/* Border Radius */
.BordRad3 {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.BordRad4 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.BordRad5 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.BordRad10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.BordRad15 {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.BordRadHalf {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.BordRight {
  border-right: solid 1px transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.BordLeft {
  border-left: solid 1px transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.BordTop {
  border-top: solid 1px transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.BordBottom {
  border-top: solid 1px transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.BordAll {
  border: solid 1px transparent;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Width */
.Wid100 {
  width: 100%;
}
.Wid90 {
  width: 90%;
}
.Wid80 {
  width: 80%;
}
.Wid70 {
  width: 70%;
}
.Wid75 {
  width: 75%;
}
.Wid60 {
  width: 60%;
}
.Wid50 {
  width: 50%;
}
.Wid45 {
  width: 45%;
}
.Wid40 {
  width: 40%;
}
.Wid30 {
  width: 30%;
}
/* Width Special Values */
.Wid97 {
  width: 97%;
}
.Wid78 {
  width: 78.5%;
}
.Wid33 {
  width: 33.3%;
}
.Wid25 {
  width: 25%;
}
.Wid20 {
  width: 20%;
}
.Wid10 {
  width: 10%;
}
.MaxWid500 {
  max-width: 500px;
}
/* Height */
.Hei100 {
  height: 100%;
}
.Hei90 {
  height: 90%;
}
.Hei80 {
  height: 80%;
}
.Hei70 {
  height: 70%;
}
.Hei60 {
  height: 60%;
}
.Hei40 {
  height: 40%;
}
.Hei50 {
  height: 50%;
}
.Hei30 {
  height: 30%;
}
.Hei20 {
  height: 20%;
}
.Hei10 {
  height: 10%;
}
/* Margins */
.MarTopPerc5 {
  margin-top: 5%;
}
.MarTopPerc10 {
  margin-top: 10%;
}
.MarTopPerc20 {
  margin-top: 20%;
}
.MarTopPerc30 {
  margin-top: 30%;
}
.MarTopPerc40 {
  margin-top: 40%;
}
.MarTopPerc50 {
  margin-top: 50%;
}
.MarAuto {
  margin-left: auto;
  margin-right: auto;
}
.MarTop5 {
  margin-top: 5px;
}
.MarTop10 {
  margin-top: 10px;
}
.MarTop20 {
  margin-top: 20px;
}
.MarTop30 {
  margin-top: 30px;
}
.MarTop40 {
  margin-top: 40px;
}
.MarTop50 {
  margin-top: 50px;
}
.MarTopQuarter {
  margin-top: 25%;
}
.MarTopHalf {
  margin-top: 50%;
}
.MarBot10 {
  margin-bottom: 10px;
}
.MarBot20 {
  margin-bottom: 20px;
}
.MarBot30 {
  margin-bottom: 20px;
}
.MarRight10 {
  margin-right: 10px;
}
.MarRight20 {
  margin-right: 20px;
}
.MarRigh30 {
  margin-right: 30px;
}
.MarRigh40 {
  margin-right: 40px;
}
/* Paddings */
.NoPadding {
  padding: 0px !important;
}
.PaddingTopPercent10 {
  padding-top: 10%;
}
/* Containers */
.Container100 {
  width: 100%;
  float: left;
}
.Container96 {
  width: 96%;
  float: left;
}
.Container90 {
  width: 90%;
  float: left;
}
.Container85 {
  width: 85%;
  float: left;
}
.Container80 {
  width: 80%;
  float: left;
}
.Container75 {
  width: 75%;
  float: left;
}
.Container70 {
  width: 70%;
  float: left;
}
.Container66 {
  width: 66.66%;
  float: left;
}
.Container60 {
  width: 60%;
  float: left;
}
.Container50 {
  width: 50%;
  float: left;
}
.Container40 {
  width: 40%;
  float: left;
}
.Container33 {
  width: 33.33%;
  float: left;
}
.Container30 {
  width: 30%;
  float: left;
}
.Container25 {
  width: 25%;
  float: left;
}
.Container20 {
  width: 20%;
  float: left;
}
.Container10 {
  width: 10%;
  float: left;
}
.Container5 {
  width: 5%;
  float: left;
}
.ContainerIndent {
  display: block;
  margin: 0px auto;
  padding: 10px;
}
/* Text Aligns */
.TexAlCenter {
  text-align: center;
}
.TexAlLeft {
  text-align: left;
}
.TexAlRight {
  text-align: right !important;
}
/* Padding With Transparent Border*/
.PadWithBorder1 {
  border: solid 1px transparent;
}
.PadWithBorder2 {
  border: solid 2px transparent;
}
.PadWithBorder3 {
  border: solid 3px transparent;
}
.PadWithBorder4 {
  border: solid 4px transparent;
}
.PadWithBorder5 {
  border: solid 5px transparent;
}
.PadWithBorder10 {
  border: solid 10px transparent;
}
/* Box Sizing */
.BoxSizeContent {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.BoxSizeBorder {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Font Sizes */
.Fs9 {
  font-size: 9px !important;
}
.Fs10 {
  font-size: 10px !important;
}
.Fs11 {
  font-size: 11px !important;
}
.Fs12 {
  font-size: 12px !important;
}
.Fs13 {
  font-size: 13px !important;
}
.Fs14 {
  font-size: 14px !important;
}
.Fs15 {
  font-size: 15px !important;
}
.Fs16 {
  font-size: 16px !important;
}
.Fs17 {
  font-size: 17px !important;
}
.Fs18 {
  font-size: 18px !important;
}
.Fs19 {
  font-size: 19px !important;
}
.Fs20 {
  font-size: 20px !important;
}
.Fs21 {
  font-size: 21px !important;
}
.Fs22 {
  font-size: 22px !important;
}
.Fs23 {
  font-size: 23px !important;
}
.Fs24 {
  font-size: 24px !important;
}
.Fs25 {
  font-size: 25px !important;
}
.Fs26 {
  font-size: 26px !important;
}
.Fs27 {
  font-size: 27px !important;
}
.Fs28 {
  font-size: 28px !important;
}
.Fs29 {
  font-size: 29px !important;
}
.Fs30 {
  font-size: 30px !important;
}
.Fs40 {
  font-size: 40px !important;
}
.Fs50 {
  font-size: 50px !important;
}
.Fs60 {
  font-size: 60px !important;
}
.Fs100 {
  font-size: 100px !important;
}
.Fs130 {
  font-size: 130px !important;
}
/* Font Type */
.FontBold {
  font-weight: bold;
}
.FontLight {
  font-weight: lighter;
}
.FontNormal {
  font-weight: normal;
}
/* Animated */
.Animated03 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.Animated05 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.Animated1 {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/**Fix width and border in mobile view */
/** Panel anon search */
.panelAnonWidth450 {
  width: 450px;
}
/** Standard Padding Adress Tabs in Quickdetail */
.addressPadding {
  padding: 0px;
}
/**
 * Standard height in Adress Panels */
.addressHeight {
  height: 200px;
}
/** Panel Quickdetail */
/******************************************************************************************************************************** */
/* MEDIA QUERIES FOR CORE LAYOUT **************************************************************************************************************** */
/* all smartphone types */
@media (max-width: 960px) {
  .ShowOnMobile {
    display: inline-block;
  }
  .ShowOnDesktop {
    display: none;
  }
  /** Allgemeine Klasse manipulieren, nicht schön, aber dafür muss nicht dutzend Individualklassen erstellen */
  .Wid50 {
    width: 100%;
  }
  .Wid80 {
    width: 100%;
  }
  .MarRigh40 {
    margin-right: 0px;
  }
  .Fright {
    float: none;
  }
  .Fleft {
    float: none;
  }
  .panelAnonWidth450 {
    width: auto;
  }
  .Wid75 {
    width: 70%;
  }
  .Wid78 {
    width: 79%;
  }
  .Wid97 {
    width: 93%;
  }
  .menue {
    padding-left: 0px !important;
  }
  .header .logoWrapper img {
    width: 50%;
  }
  .tabMobileFix {
    width: 100%;
    border: 0px !important;
  }
  /** LayoutCol2 Template */
  .layout2colleft {
    width: 100% !important;
  }
  .layout2colright {
    width: 100% !important;
    margin: 0 0 0 0% !important;
  }
  /** Active Element aus Java heraus */
  .labeledElement_contentWrapper {
    min-height: 0px !important;
  }
  .layout2colright_contentWrapper {
    padding: 0px !important;
  }
  /** Allgemeines Padding in allen Panels entfernt */
  .ui-tabs .ui-panel .ui-panel-content {
    padding: 5px;
  }
  .ui-panel .ui-panel-content {
    padding: 0px;
  }
  .ui-panel {
    padding: 0px;
  }
  .ui-tabs {
    padding: 0px;
  }
  .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0px;
  }
  .ui-tabs .ui-tabs-panel {
    padding: 0px;
  }
  .ui-panel .ui-panel-titlebar,
  .ui-panel-titlebar {
    padding-bottom: 0px !important;
  }
  /** Allgemeines Margin in allen Panels im Header Bereich entfernt */
  .ui-panel .ui-panel-title {
    margin: 0px;
  }
  /** Adress Panel */
  .addressPadding {
    padding: 5px 5px 5px 0px;
  }
  .addressHeight {
    height: auto;
  }
  .addressTitleWidth a {
    width: 100%;
  }
  /** Menü Button */
  .menuIconBar {
    background-image: url(../../base/images/font-awesome-bars-white.png) !important;
    background-size: 100%;
  }
  .menuButton button {
    border: 0px !important;
    top: 3px;
  }
  .panelQuickDetail {
    width: 100%;
  }
  /** grafischen Sendungsstatus nach unten schieben */
  .consignmentVisualStateInnerTable {
    margin-top: 10px;
  }
}
/* clearfix for Container */
.Container:before,
.Container:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.Container:after {
  clear: both;
}
.header {
  height: 66px;
  background-image: none;
  background-repeat: repeat-x;
  background-color: transparent;
}
.header_Date {
  margin-right: 10px;
  float: left;
  width: 70px;
}
.header_Time {
  margin-right: 10px;
  float: left;
  width: 30px;
}
.header_Language {
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}
.header_languageDateTimeWrapper {
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 0px;
  text-align: right;
  width: 160px;
  z-index: 10;
}
.header_breadcrumbWrapper {
  background-color: #ffffff;
  font-weight: bold;
  position: absolute;
  top: 20px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 250px;
  height: 18px;
  z-index: 100;
  color: #000000;
}
.header_request {
  position: absolute;
  top: 28px;
  left: 250px;
  width: 100%;
  height: 10px;
  background-image: url('../../base/images/ajax-loader-grey.gif');
  display: none;
}
.header_request_active {
  display: block;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
ol,
ul {
  list-style: none;
}
.unorderedList ul li {
  list-style: disc ;
}
.orderedList ol li {
  list-style: decimal;
}
.wordWrap p,
.wordWrap li {
  white-space: pre-wrap;
  word-wrap: break-word;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
  font-style: italic;
}
del {
  text-decoration: line-through;
}
label {
  font-weight: bold;
}
label .validation_error {
  color: #FF4D20 !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a.linkDecorated {
  border-bottom: 1px dotted;
}
a.linkDecorated:hover {
  border-bottom: 1px solid;
}
a:active,
a:link,
a:visited {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #e30421;
}
a .menu_text {
  color: #000000;
}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="image"],
textarea,
select {
  border-bottom: 1px solid #BBB;
  border-right: 1px solid #BBB;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  color: black;
  box-sizing: border-box;
}
input[type="checkbox"][disabled],
input[type="radio"][disabled],
input[type="text"][disabled],
input[type="password"][disabled],
input[type="file"][disabled],
input[type="image"][disabled],
textarea[disabled],
select[disabled] {
  background-color: #EEE;
}
input[type="checkbox"]:HOVER,
input[type="radio"]:HOVER,
input[type="text"]:HOVER,
input[type="password"]:HOVER,
input[type="file"]:HOVER,
textarea:HOVER,
select:HOVER,
input[type="checkbox"]:FOCUS,
input[type="radio"]:FOCUS,
input[type="text"]:FOCUS,
input[type="password"]:FOCUS,
input[type="file"]:FOCUS,
textarea:FOCUS,
select:FOCUS {
  -moz-box-shadow: 0px 0px 2px #666;
  -webkit-box-shadow: 0px 0px 2px #666;
  box-shadow: 0px 0px 2px #666;
  box-sizing: border-box;
}
input[type="checkbox"],
input[type="radio"] {
  border: none;
  background: none;
}
input[type="checkbox"]:FOCUS {
  border: 1px dotted grey;
}
.consignmentlistSidebarFilterInput {
  width: 142px;
}
.consignmentListRowNotApproved {
  color: #FF7F24;
  font-weight: bold;
}
.consignmentListRowNotApproved a,
.consignmentListRowNotApproved .extdt-cell-div {
  color: #FF7F24;
  font-weight: bold;
}
.consignmentList_consignmentProgress {
  float: left;
  height: 10px;
  margin: 1px;
  padding: 0;
  width: 10px;
}
.consignmentList_consignmentProgress_wrapper {
  background-color: #FFF;
  border: 1px solid #CCC;
  height: 12px;
  padding: 0;
  text-align: center;
  width: 48px;
}
.consignmentListBasic_consignmentProgress {
  float: left;
  height: 20px;
  margin: 1px;
  padding: 0;
  width: 20px;
}
.consignmentListBasic_consignmentProgress_wrapper {
  background-color: #fff;
  border: 1px solid #ccc;
  height: 22px;
  padding: 0;
  text-align: center;
  width: 88px;
  margin: 0px;
}
.consignmentListQuick_consignmentProgress {
  float: left;
  height: 20px;
  margin: 1px;
  padding: 0;
  width: 20px;
}
.consignmentListQuick_consignmentProgress_wrapper {
  background-color: #FFF;
  border: 1px solid #CCC;
  height: 22px;
  padding: 0;
  text-align: center;
  width: 88px;
  margin: 0px;
}
.stdText {
  font-size: 12px;
  font-weight: normal;
}
.captionDisabled {
  color: #aaa;
}
.name {
  vertical-align: top;
  font-weight: bold;
  width: 115px;
  float: left;
  padding: 5px;
  margin-top: 3px;
  clear: left;
}
.negativeValue {
  color: #ff3333;
}
.value {
  float: left;
  padding: 5px;
}
.btn_toggle_on {
  background-image: url(../../icons/toggle_btn_back.png);
}
.smartboardPanelGridItemTableView {
  border: 1px solid #FEFEFE;
  padding-left: 2px;
  background-color: #F2EEE9;
}
.smartboardPanelGrid .clickAll {
  display: block;
}
.smartboardPanelGrid .placeholder {
  background: #fbeff0;
  border: 1px dashed #e83348;
}
.hideVerticalScroll {
  overflow-y: hidden;
}
.hideHorizontalScroll {
  overflow-x: hidden;
}
.globalMessagesAjax {
  margin: 2px;
}
.logoWrapper {
  top: 10px;
  position: absolute;
  left: 20px;
  display: inline;
}
.menue {
  top: 38px;
  position: relative;
  padding-left: 250px;
}
.menue a {
  color: #ffffff;
}
.menue a:hover {
  color: #ffffff;
}
.menue .ui-toolbar {
  border: 0;
  background-image: none;
  color: #ffffff;
  background-color: #e30421;
}
.menue .ui-ddmenu-label-select {
  background-color: #e30421;
  color: #ffffff;
}
.menue .ui-ddmenu-label-unselect {
  color: #ffffff;
}
.menue .ui-label-text-decor {
  color: #ffffff;
}
.menue .ui-label-text-decor:hover {
  color: #ffffff;
}
.menue .ui-menu-item,
.menue .ui-menu-group {
  color: #000000;
  background-color: #ffffff;
}
.menue .ui-menu-item-hover,
.menue .ui-menu-group-hover {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #000000;
  color: #e30421;
}
.menue .ui-menu-item a,
.menue .ui-menu-group a {
  color: #000000;
}
.menue .ui-menu-item a:hover,
.menue .ui-menu-group a:hover {
  color: #e30421;
}
.menue .dr-toolbar-int {
  color: #fff;
}
.menue .dr-toolbar-int a:link,
.menue .dr-toolbar-int a:visited,
.menue .dr-toolbar-int a:hover {
  color: #000;
}
a > img,
input[type="image"],
.imgbutton {
  opacity: 0.8;
  border: 0;
  background: none;
  cursor: pointer;
  vertical-align: middle;
}
a > img:HOVER,
input[type="button"]:HOVER,
input[type="submit"]:HOVER,
input[type="reset"]:HOVER,
input[type="image"]:HOVER,
imgbutton:HOVER {
  opacity: 1;
}
a:focus > img,
input[type="image"]:focus,
.imgbutton:focus > img,
img:focus {
  border: 1px dotted grey;
}
.cb_todoStatus label {
  font-weight: normal;
}
.clear_float {
  clear: both;
  float: none;
}
.clearfix {
  display: inline-block;
}
.footer {
  text-align: center;
  font-size: 10px;
  background-color: #eeeeee;
  border-top: 1px solid #dddddd;
  position: absolute;
  width: 100%;
  color: #000000;
}
.footerSum {
  border-top: 3px double;
}
.footer a {
  color: #000000;
}
#contentOuterPane {
  background-image: none;
  background-color: #dfdfde;
  border-top: solid 1px #000000;
}
#eastOuterPane {
  overflow: hidden;
}
#southPane,
#northPane {
  background-color: #EFEFEF;
}
.pane,
.ui-layout-pane {
  border: none;
  padding: 0;
  overflow: auto;
}
.pane-north {
  border-bottom: none;
  overflow: visible;
  background-image: none;
  background-color: transparent;
}
.pane-north .content {
  text-align: center;
}
.pane-south {
  border-top: none;
  height: 20px;
  overflow: visible;
}
.pane-south .content {
  text-align: center;
}
.pane-center {
  padding: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.pane-center .contentArea {
  min-width: 1200px;
}
.pane-west,
.pane-east {
  background-color: #FFF;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.pane_header {
  background-color: transparent;
  color: #000000;
}
.toggler-west {
  background-color: #999;
}
.toggler-west-open {
  background: url(../../base/images/sidebar_toggler_right.png);
}
.toggler-west-closed {
  background: url(../../base/images/sidebar_toggler_left.png);
}
.toggler-east {
  background-color: #999;
}
.toggler-east-open {
  background: url(../../base/images/sidebar_toggler_left.png);
}
.toggler-east-closed {
  background: url(../../base/images/sidebar_toggler_right.png);
}
.west-closer {
  background-color: #999;
}
.resizer-west {
  background-color: #EFEFEF;
  border-right: 1px solid #999;
}
.resizer-west:hover {
  background-color: #DDD;
}
.resizer-east {
  background-color: #EFEFEF;
  border-left: 1px solid #999;
}
.resizer-east:hover {
  background-color: #DDD;
}
.resizer-west-dragging,
.resizer-west-open:hover,
.resizer-east-dragging,
.resizer-east-open:hover {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
}
.resizer-west-open:hover,
.resizer-east-open:hover {
  background-color: #DDD;
  background-image: none;
}
.listContentDDMenu {
  display: inline;
}
.listContentDDMenuWrapper .rich-ddmenu-label-select {
  background: none;
  border: none;
}
.listContentDDMenu .rich-label-text-decor {
  display: inline;
}
.listContent .ui-layout-west {
  z-index: 101!important;
}
.ui-layout-east-outer {
  border-left: thin solid #666;
}
#contentPane {
  opacity: 0.85;
}
.uilayoutLoaderInfoWrapper {
  text-align: center;
  margin: 215px auto auto;
}
.uilayoutLoaderInfo {
  border: 1px solid;
  border-color: #bbb;
  border-radius: 4px;
  background-color: #EFEFEF;
  padding: 10px;
  white-space: nowrap;
  display: inline-block;
}
.menu_text {
  color: #ffffff;
  background: none;
  border: none;
  height: 20px;
  margin-top: 5px;
}
.intrasystem {
  display: none;
  visibility: hidden;
}
.inplace {
  border: medium none;
}
.inplace_hover {
  background-color: #CCC;
  color: #000;
}
.singleInfoPanel {
  margin: auto;
  margin-top: 50px;
  width: 800px;
}
.smallInputPanel {
  margin: auto;
  margin-top: 50px;
  width: 500px;
}
.normalBlack {
  color: #000;
  font-weight: normal;
}
.validation_error {
  color: #FF4D20;
  white-space: normal;
  /*text-align: left;*/
}
.validation_error span {
  color: #FF4D20!important;
}
.validation_error input,
.validation_error select,
.validation_error textarea {
  background-color: #FFE4DF !important;
  border-color: #FF4D20 !important;
}
label.ui-state-error {
  background-color: transparent !important;
  color: #FF4D20!important;
}
/** Färbt das Tab rot ein */
.tab-validation-error a {
  color: #FF4D20 !important;
}
/** Färbt das Panel rot ein */
.panel-validation-error .ui-panel-title {
  color: #FF4D20 !important;
}
input.ui-state-error,
select.ui-state-error,
textarea.ui-state-error {
  background-color: #FFE4DF !important;
  border-color: #FF4D20 !important;
}
.validation_required {
  color: #FF4D20;
}
.wrappedOutputText {
  word-wrap: break-word;
}
.todoModalPanelScrollableArea {
  overflow: auto;
  padding: 5px;
  border: 1px solid #dedede;
}
.todoListRowEscalation {
  color: #e8103F;
  font-weight: bold;
}
.todoListRowEscalation a,
.todoListRowEscalation .extdt-cell-div {
  color: #e8103F;
  font-weight: bold;
}
.noPaddingModalPanel .rich-mpnl-body {
  padding: 0px;
}
.inputTableHeaderRow {
  background-color: #e4e2d9;
}
.activitiesPanelBody {
  overflow-x: hidden;
}
.ListrowClass2,
.ClickableListrowClass2 {
  background-color: #F7F7F7;
}
.ListrowClassHist,
.ClickableListrowClass2 {
  background-color: #FFFFAA;
}
.HiddenListrowClassHist {
  display: none;
}
.ClickableListrowClass1,
.ClickableListrowClass2 {
  cursor: pointer;
}
.ConsignmentListrowMouseOver {
  background-color: #D3D3D3;
}
.ConsignmentListrowSelectedRow {
  background-color: #dfdfde;
}
.ConsignmentListrowError {
  background-color: #FFE4DF;
}
.ConsignmentListrowSuccess {
  background-color: #E0F9E8;
}
.disabled_element_row {
  background-image: url("../../base/images/disabled_row_bg.png");
  background-position: left top;
  background-repeat: repeat-y;
  color: red;
  font-weight: bold;
}
.tableRowBright {
  background-color: #FBFBFB;
}
.tableRowBright .rich-table-header-continue {
  border-bottom: 0px solid #C4C0C9;
}
.verticalTop {
  vertical-align: top;
}
.extdt-subheader {
  background-image: none;
  vertical-align: top;
}
.extdt-noData-cell {
  display: none;
}
.extdt-row-selected {
  background-color: #dfdfde;
}
.extdt-group-cell div {
  display: inline;
}
.extdt-header-sort-img {
  height: auto;
  width: auto;
}
.hideEDTFilter .ui-column-customfilter {
  display: none;
}
.paginatorTop {
  text-align: center;
  background: #EFEFEF;
  border-top: 1px solid #C4C0C9;
  border-left: 1px solid #C4C0C9;
  border-right: 1px solid #C4C0C9;
  padding: 3px;
  font-weight: bold;
}
.paginatorBottom {
  text-align: center;
  border-bottom: 1px solid #C4C0C9;
  border-left: 1px solid #C4C0C9;
  border-right: 1px solid #C4C0C9;
  padding: 0px;
  font-weight: normal;
  height: 25px;
}
.paginatorBottom .west_div {
  width: 250px;
  text-align: right;
  padding-right: 5px;
}
.paginatorBottom .east_div {
  padding-left: 5px;
  min-width: 250px;
  text-align: left;
}
.labeledElement_subcolumns {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 2px 0;
}
.labeledElement_labelcolumn {
  float: left;
  width: 34%;
}
.labeledElement_contentcolumn {
  float: right;
  width: 66%;
}
.labeledElement_subcl {
  padding: 5px;
  margin-right: 2px;
}
.labeledElement_subcr {
  padding: 5px;
}
.labeledElement_vertical_wrapper {
  padding: 2px 0;
}
.labeledElement_vertical_label {
  width: 100%;
  margin: 0 0 2px;
}
.labeledElement_vertical_content {
  width: 100%;
  margin: 0 0 2px;
}
.labeledElement_vertical_subl {
  padding: 5px;
}
.labeledElement_vertical_subr {
  padding: 5px;
}
.labeledElement_contentWrapper {
  min-height: 22px;
}
.labeledElementFirst {
  background-color: #DDDDFF;
}
.labeledElementSecond {
  background-color: #EFEFFF;
}
.background_label {
  background: #f9f9f9;
}
.background_element {
  background: #fbfbfb;
}
.label_error {
  background-color: #FFE4DF;
}
.label_required {
  background-color: #DDDDFF;
}
.element_error {
  background-color: #FFAA99;
}
.element_required {
  background-color: #EFEFFF;
}
.warn_error {
  background-color: #FFAA99;
}
.layout3wrapper {
  width: 100%;
  display: inline-block;
}
.layout3colleft {
  width: 33%;
  float: left;
  margin: 0;
}
.layout3colleft_contentWrapper {
  padding: 0 5px 0 0;
}
.layout3colright {
  float: right;
  margin: 0;
  width: 33%;
}
.layout3colright_contentWrapper {
  padding: 0 0 0 5px;
}
.layout3colcenter {
  margin: 0 33% 0 33%;
  width: auto;
}
.layout3colcenter_contentWrapper {
  padding: 0 5px;
}
.layout2wrapper {
  width: 100%;
  display: inline-block;
}
.layout2colleft {
  width: 50%;
  float: left;
  margin: 0;
}
.layout2colleft_contentWrapper {
  padding: 0 0px 0 0;
}
.layout2colright {
  margin: 0 0 0 50%;
  width: auto;
}
.layout2colright_contentWrapper {
  padding: 0 0 0 5px;
}
.warninghint {
  background-image: none !important;
  background-color: #E39393 !important;
}
.pinboard-panel {
  border-color: #ECDA97;
}
.pinboard-panel-header {
  border: none;
  background-image: none;
  background-color: #ECDA97;
  color: #000000;
}
.pinboard-panel-body {
  background-color: #FFFFDD;
}
.pinboard-labelcol {
  width: 70px;
}
.pinboard-content-bordertop {
  margin-top: 2px;
  padding-top: 2px;
  border-top: thin solid #ECDA97;
}
.panelHeaderIEFix {
  height: 18px;
}
.panelHeaderLabel {
  width: 65%;
}
.panelHeaderControls {
  width: 30%;
  text-align: right;
}
.linebreak {
  background-image: url("/bosman_tnt/theme/icons/tooltip_avail.gif");
  background-position: right top;
  background-repeat: no-repeat;
  white-space: normal;
  vertical-align: top;
  text-decoration: none;
}
.consignmentVisualStateInnerTable {
  border: 1px solid #ccc;
  text-align: center;
  border-collapse: separate !important;
  border-spacing: 2px;
}
.consignmentVisualStateCell {
  margin: 1px;
  padding: 0px !important;
  vertical-align: middle;
}
.consignmentVisualStateCell img {
  margin-top: 10px;
}
.progress_ok {
  background-color: #77cc55;
}
.progress_ok_cust {
  background-color: #77cc55;
}
.progress_warning {
  background-color: #ffea44;
}
.progress_warning_cust {
  background-color: #ffea44;
}
.progress_error {
  background-color: #ff7755;
}
.progress_error_cust {
  background-color: #ff7755;
}
.progress_noInformation {
  background-color: #cccccc;
}
.progress_noInformation_cust {
  background-color: #cccccc;
}
.progress_empty {
  background-color: #ffffff;
}
.progress_empty_cust {
  background-color: #ffffff;
}
.progress_inProgress {
  background-color: #deef9a;
}
.progressDateBox {
  width: 100%;
  margin-top: 3px;
  filter: alpha(opacity=60);
  opacity: 0.60;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.5);
}
.buttonContent_wrapper {
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.buttonContent_wrapper img {
  vertical-align: middle;
  border: none;
}
.buttonContent_box {
  background-image: none;
  background-color: #e30421;
  border-style: solid;
  border-color: #848484;
  border-top-color: #aaa;
  border-left-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px;
  font-weight: bold;
  color: #ffffff;
  padding: 2px;
}
.buttonContent_box:hover {
  color: #ffffff;
  background-image: none;
  background-color: #e30421;
  border-color: #e30421;
}
.buttonContent_text {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  display: inline-block;
}
.buttonContent_bottomText {
  font-size: 9px;
  margin-top: 2px;
}
.button,
input[type="submit"],
button {
  background-image: none !important;
  background-color: #e30421 !important;
  border-color: #848484;
  border-left-color: #aaa;
  border-top-color: #aaa;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #ffffff !important;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 6px;
  cursor: pointer;
}
.button:hover,
input[type="submit"]:hover,
button:hover {
  background-image: none !important;
  background-color: #e30421 !important;
  color: #ffffff !important;
  border-color: #e30421 !important;
}
.visualStateFilterInnerTable {
  border: 1px solid #ccc;
  text-align: center;
  border-collapse: separate !important;
  border-spacing: 2px;
}
.visualStateFilterCell {
  margin: 1px;
  padding: 0px !important;
  vertical-align: middle;
}
.visualStateFilterCell img {
  margin-top: 10px;
}
.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.button[disabled],
input[type="submit"][disabled],
button[disabled] {
  background-image: url('../../base/images/button_bg_hover.gif');
}
.selectionNotifierNotified {
  text-decoration: underline;
}
.siUnit {
  width: 20px;
  display: inline-block;
  text-align: left;
  padding-left: 7px;
}
.noPadding {
  padding: 0px;
}
.noMargin {
  margin: 0px;
}
.noBorder {
  border: none;
}
.noBackground {
  background: none;
}
.noDataDiv {
  border: 1px solid #999999;
  margin-top: 10px;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
}
.noDataDiv img {
  padding-right: 5px;
  vertical-align: middle;
}
.noWrapNoOverflow {
  white-space: nowrap;
  overflow: hidden;
}
.noOverFlowY {
  overflow-y: hidden;
}
.noRowBorders {
  border: 0px;
}
.noPaddingModalPanel .rich-mpnl-body {
  padding: 0px;
}
.scrollButtons {
  border-style: none;
  width: 15px;
  height: 14px;
  min-width: 15px;
  font-size: 11px;
  font-weight: bold;
}
.scrollButtons a:hover,
.scrollButtons a:link,
.scrollButtons a:visited {
  color: #ffffff;
  text-decoration: none;
}
.biggerClickArea {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}
.biggerHoverArea {
  padding-bottom: 4px;
  padding-top: 2px;
}
.inactiveLabel {
  color: #848484;
}
.overflowvisible {
  overflow: visible;
}
.addressMatchcode {
  font-weight: bold;
  margin-top: 10px;
}
.addressPhoneFaxLabel {
  width: 45px;
  display: block;
  float: left;
}
.addressIcons {
  float: right;
  border: 0;
  vertical-align: middle;
  margin-left: 5px;
}
.addressesFirstRow {
  height: 110px;
}
.addressesSecondRow {
  height: 130px;
}
.quickTable th {
  background-color: #F2EEEA;
}
.quickTable td {
  padding-bottom: 0px;
  padding-top: 0px;
}
.quickdetail_addressesFirstRow {
  height: 90px;
}
.quickdetail_addressesSecondRow {
  height: 110px;
}
.quickDetailHistory {
  color: #000000;
}
.quickDetailHistory:hover {
  color: #e30421;
}
.detail_consignmentProgress_wrapper {
  width: 328px;
  height: 82px;
  border: 1px solid #CCCCCC;
  text-align: center;
  padding: 0px;
}
.indicatorValidCheckbox {
  color: #000000;
  font-weight: normal;
}
.openTodoIndicatorImageNone,
.openTodoIndicatorImageWarn {
  display: none;
}
.openTodoIndicatorBackgroundWarn {
  background-image: url("../../icons/sign_exclamationmark_yellow.png");
}
.openTodoIndicatorBackgroundNone {
  background-image: url("../../icons/sign_exclamationmark_gray.png");
}
.openTodoIndicatorImage {
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
}
.openTodoIndicatorCount {
  color: #000000;
  display: inline-block;
  margin-left: -6px;
  margin-top: 3px;
  text-align: center;
}
.openTodoIndicator-configtd {
  height: 30px;
  width: 50%;
  background-color: #F9F9F9;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  padding-left: 15px;
}
.columnClassMaxWidth {
  width: 100%;
}
.deviantClearingAdress .rich-stglpanel-header {
  height: 1.3em;
}
.consignmentProcessHeaderColumn1 {
  vertical-align: top;
  width: 15%;
  padding: 10px;
  margin: 2px;
  border-bottom: 1px solid #C4C0C9;
}
.consignmentProcessHeaderColumn2 {
  vertical-align: top;
  width: 35%;
  padding: 10px;
  border-bottom: 1px solid #C4C0C9;
  border-right: 1px solid #C4C0C9;
}
.consignmentProcessTableColSmall {
  width: 20%;
}
.consignmentProcessTableColWide {
  width: 60%;
}
.anonDetail_panelGrid_column {
  vertical-align: top;
}
.address-panel {
  min-height: 225px;
}
.selected-template {
  font-weight: bold;
}
.releaseNewsRecordNonCurrent:hover {
  opacity: 1.0 !important;
  filter: alpha(opacity=100) !important;
}
.cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cssmenu ul li {
  position: relative;
}
.cssmenu ul li > span {
  color: #ffffff;
  cursor: pointer;
  display: block;
}
.cssmenu ul li > span:hover {
  color: #ffffff;
}
.cssmenu ul img {
  vertical-align: middle;
  opacity: 1;
  border: 0;
  background: none;
  cursor: pointer;
}
.cssmenu ul ul {
  position: absolute;
  text-align: left;
  z-index: 500;
  left: -5px;
  white-space: nowrap;
  border: 1px solid #000000;
  background-color: #ffffff;
  background-image: url('../../base/images/menueItem_background-image.png');
  background-repeat: repeat-y;
  background-position: left;
}
.cssmenu ul ul span,
.cssmenu ul ul a {
  color: #000000;
  background-color: #ffffff;
  display: block;
  padding: 1px 35px 1px 1px;
  height: 16px;
  border: 1px solid transparent;
}
.cssmenu ul ul span:hover,
.cssmenu ul ul a:hover {
  color: #e30421;
  border: 1px solid #000000;
  background-color: #ffffff;
}
.cssmenu ul ul span.disabled {
  color: #b1ada7;
  background-color: #f1eee9;
  border: none;
  cursor: default;
}
.cssmenu ul ul span.disabled img {
  cursor: default;
}
.cssmenu ul ul img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.cssmenu ul ul span:hover img,
.cssmenu ul ul a:hover img {
  opacity: 1;
}
.cssmenu ul ul span img + img {
  position: absolute;
  right: 0px;
  margin-right: 2px;
  opacity: 1;
}
.cssmenu ul ul hr {
  margin: 2px 0 3px 24px;
  border: none;
  border-top: 1px solid #000000;
}
.cssmenu ul ul ul {
  top: -1px;
  left: 100%;
}
.cssmenu ul ul,
.cssmenu ul li:hover ul ul {
  display: none;
}
.cssmenu ul li:hover ul,
.cssmenu ul ul li:hover ul {
  display: block;
}
.cssmenu_fixed ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cssmenu_fixed ul li {
  position: static;
}
.cssmenu_fixed ul li > span {
  color: #ffffff;
  cursor: pointer;
  display: block;
}
.cssmenu_fixed ul li > span:hover {
  color: #ffffff;
}
.cssmenu_fixed ul img {
  vertical-align: middle;
  opacity: 1;
  border: 0;
  background: none;
  cursor: pointer;
}
.cssmenu_fixed ul ul {
  text-align: left;
  z-index: 500;
  position: absolute;
  white-space: nowrap;
  border: 1px solid #000000;
  background-color: #ffffff;
  background-image: url('../../base/images/menueItem_background-image.png');
  background-repeat: repeat-y;
  background-position: left;
}
.cssmenu_fixed ul ul span,
.cssmenu_fixed ul ul a {
  color: #000000;
  background-color: #ffffff;
  display: block;
  height: 16px;
  border: 1px solid transparent;
}
.cssmenu_fixed ul ul span:hover,
.cssmenu_fixed ul ul a:hover {
  color: #e30421;
  border: 0.5px solid #000000;
  background-color: #ffffff;
}
.cssmenu_fixed ul ul span.disabled {
  color: #b1ada7;
  background-color: #f1eee9;
  border: none;
  cursor: default;
}
.cssmenu_fixed ul ul span.disabled img {
  cursor: default;
}
.cssmenu_fixed ul ul img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
.cssmenu_fixed ul ul span:hover img,
.cssmenu_fixed ul ul a:hover img {
  opacity: 1;
}
.cssmenu_fixed ul ul span img + img {
  position: absolute;
  right: 0px;
  margin-right: 2px;
  opacity: 1;
}
.cssmenu_fixed ul ul hr {
  margin: 2px 0 3px 24px;
  border: none;
  border-top: 1px solid #000000;
}
.cssmenu_fixed ul ul ul {
  top: -1px;
  left: 100%;
}
.cssmenu_fixed ul ul,
.cssmenu_fixed ul li:hover ul ul {
  display: none;
}
.cssmenu_fixed ul li:hover ul,
.cssmenu_fixed ul ul li:hover ul {
  display: block;
}
.cssmenu_cursor_inactiv ul li > span {
  cursor: default !important;
}
.cssmenufix > ul > li {
  position: static;
}
.cssmenufix > ul > li > span > div {
  position: absolute;
}
.clickmenu ul li:hover ul {
  display: none;
}
.menu-separator-color {
  background-image: url('../../icons/bootstrap/ui-icons_ffffff_256x240.png');
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}
/** Vertikaler Trennungsstrich (Grau) */
.verticalLine {
  border-left: 1px solid #ADADAD;
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
  height: 20px;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLine {
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLine5px {
  margin-right: 5px;
  margin-left: 5px;
  display: inline-block;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLine3px {
  margin-right: 3px;
  margin-left: 3px;
  display: inline-block;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLine2px {
  margin-right: 2px;
  margin-left: 2px;
  display: inline-block;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLine1px {
  margin-right: 1px;
  margin-left: 1px;
  display: inline-block;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLineSpan {
  margin-right: 10px;
  margin-left: 10px;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLineSpan5px {
  margin-right: 5px;
  margin-left: 5px;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLineSpan3px {
  margin-right: 3px;
  margin-left: 3px;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLineSpan2px {
  margin-right: 2px;
  margin-left: 2px;
}
/** Unsichtbarer vertikaler Trennungsstrich / Formatierungshalter */
.invisibleVerticalLineSpan1px {
  margin-right: 1px;
  margin-left: 1px;
}
/** Vertikaler Trennungsstrich für das Menü (Weiß) */
.verticalLineMenu {
  border-left: 1px solid #fff;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
}
/** Vertikaler Trennungsstrich für das dynamische Menü (Weiß) */
.verticalLineDynamicMenu {
  border-left: 1px solid #fff;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: -1px;
  margin-bottom: -6px;
}
/** "Entfernt" die Scrollbalken der Tabelle */
.dataTableScrollFix .ui-datatable-tablewrapper {
  overflow-x: hidden;
}
/** Entfernt die Headerspalte der Tabelle: Das kann vorkommen wenn f:facet header benutzt wird statt headerText   */
.dataTableHideHeaderColumn .ui-datatable-tablewrapper table thead {
  display: none;
}
.excel-export-form-container {
  clear: both;
}
.excel-export-form-label {
  width: 158px;
  height: 22px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  float: left;
}
.excel-export-form-input {
  width: 296px;
  height: 22px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  float: right;
}
.breakWord {
  word-wrap: break-word;
}
.biggerCalendarWith input {
  width: 100px;
}
/** Stellt Inhalte in Tabpanels linksbündig dar (Beispiel Dropdowns in Adresspanel)  */
.al-tabpanel-fix_float_left .ui-panel-actions {
  float: left;
}
/** Stellt Inhalte in Tabpanels farbig in Abhängigkeit der Panel Header Farbe dar  */
.al-tabpanel-fix_color .ui-panel-actions .ui-menubutton .ui-button {
  background-color: #dfdfde !important;
  color: #000000 !important;
}
/* Optionale Höhe für Tabellenzeilen */
.table-row-height-30 {
  height: 30px;
}
/* Korrigiert floating Elemente */
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  *zoom: 1;
  /* Für den IE6 und IE7 */
}
/********* Mobile extension Classes */
/** Macht das Tab Panel für die Detailtabs im Quickdetail mobilfähig */
.quickdetail_tabPanelMobileFix .ui-tabs-navscroller .ui-tabs-nav {
  width: 100%;
}
.datatable-cssmenu-overflow-fix {
  overflow: visible;
}
/*
 * Theme Stylesheet
 */
/* Menüanpassungen */
.cssmenu ul ul span:hover,
.cssmenu ul ul a:hover {
  border: 1px solid transparent;
}
.cssmenu ul ul {
  background-image: none;
}
.footer {
  background-color: white;
}
a > img,
input[type="image"],
.imgbutton {
  opacity: 0.9;
}
/** Ändert die Hintergrundfarbe/Schriftfarbe der aktiven Tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #e30421;
  color: #fff;
}
/** Ändert die Hintergrundfarbe/Schriftfarbe der aktiven Tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:img {
  color: #fff;
}
/** Ändert die Hintergrundfarbe/Schriftfarbe der aktiven Tabs per Hover */
.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover a {
  background-color: white;
  color: #e30421;
}
/*-------------------------------------------------------------------- */
.header_request {
  top: 23px;
  margin-left: 300px;
}
.header_breadcrumbWrapper {
  top: 20px;
  margin-left: 300px;
}
.menue {
  padding-left: 300px;
}
.logoWrapper {
  top: 0px;
  left: 60px;
}
#contentOuterPane {
  background-repeat: repeat-x;
  background-position: -50px -80px;
  background-color: white;
}
.menue .ui-toolbar {
  border: 0 none;
}
.button:hover,
input[type="submit"]:hover,
button:hover {
  border-width: 1px;
  border-style: solid;
}
.ui-layout-container {
  background-image: url("../images/main_background.gif");
  background-position: -50px -80px;
}
.smartboardPanelGridItemTableView {
  background-color: #F2EEE9;
}
.menuAddressToggle {
  color: #fff;
}
.ui-dialog.ui-widget-content .ui-dialog-titlebar {
  padding: .4em .4em .4em 1em;
  border-bottom: 1px solid #eee;
  background-color: #dfdfde;
}
.ui-dialog.ui-widget-content .ui-dialog-title {
  color: black;
}
.ui-dialog-titlebar-close:hover {
  background-color: transparent !important;
  background-image: none !important;
  border-color: #464646 !important;
  color: #ffffff !important;
}
.ui-picklist-buttons-cell .ui-button-icon-left {
  background-image: url("../../icons/bootstrap/ui-icons_ffffff_256x240.png") !important;
}
ui-picklist-buttons-cell .ui-picklist-button-add:hover {
  background-color: #ff9900 !important;
  background-image: none !important;
  border-color: #464646 !important;
  color: #ffffff !important;
}
.textColor {
  color: #333333;
}
/** Ändert die Darstellung der Menübuttons in den Adresspanels */
.address-panel .ui-menubutton > button {
  background-image: none !important;
  background-color: transparent !important;
  border: 0px;
  border-color: transparent;
  color: #000 !important;
}
.address-panel .ui-menubutton > button:hover {
  background-image: none !important;
  background-color: #fff !important;
  border: 0px;
  border-color: transparent;
  color: #e30421 !important;
}
/** Ändert die Darstellung des Untermenüs der Menübuttons in den Adresspanels */
.ui-menu.ui-widget li.ui-corner-all,
.ui-menu.ui-widget a.ui-corner-all {
  background-color: #dfdfde;
  border-color: transparent;
  color: #000;
  font-weight: bold;
}
.ui-menu.ui-widget li.ui-corner-all:hover,
.ui-menu.ui-widget a.ui-corner-all:hover {
  background-color: #fff;
  border-color: transparent;
  color: #e30421;
  font-weight: bold;
}
/**Ändert die Schriftfarbe in dem Auswahlmenü für die Todo-Bearbeitung */
.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover {
  color: #fff !important;
}
/** Dann wackelt das Auswahlmenü im Listenfilter nicht mehr so  */
.cssmenu ul ul span.disabled {
  border: 0px solid transparent;
}
.stdText {
  font-size: 10px;
}
.ui-widget .ui-widget {
  font-size: 10px;
}
.ui-widget {
  font-size: 10px;
}
.ui-datepicker {
  width: 18.5em;
}