/** schönberg-solutions GmbH */
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/** Sollte ieNoDecoImaginLinkerstezen */
a img {
  border: 0;
}
/** Links in den Tabellen sind in BlueSky schwarz - auf blau stellen */
.ui-widget-content a, .ui-datatable-footer a {
    color: #0000EE;
}

/* -------------- (auto)margin ------------ */

.marginTopRow5 {
  margin-top: 5px;
}
.marginTopRow10 {
  margin-top: 10px;
}

.marginBottomRow5 {
  margin-bottom: 5px;
}
.marginBottomRow10 {
  margin-bottom: 10px;
}

.marginLeft15 {
  margin-left: 15px;
}
.marginRight15 {
  margin-right: 15px;
}

/* ---------------------- Label ---------------- */

.labelLeft {
  margin-right: 5px;
}
.marginBottomRowLabel5 {
  margin-bottom: 5px;
  display: inline-block;
}
.labelLeftMarginBottomRowLabel5 {
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.labelLeftMarginBottomRowLabel15 {
  margin-right: 5px;
  margin-bottom: 15px;
  display: inline-block;
}
.labelLeftMarginBottomRowLabel20 {
  margin-right: 5px;
  margin-bottom: 20px;
  display: inline-block;
}

.labelRight {
  margin-left: 5px;
}

.labelRightMarginBottomRowLabel5 {
  margin-left: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

/* ----------------------  ---------------- */

table.table {
    border-collapse: collapse;
}
table.table td {
    border: 1px solid rgb(39,69,123);
}

a:hover {
  text-decoration: underline;
}

/** Der IE macht hier einen Rahmen um Grafiken in Links */
.ieNoDecoImaginLink {
  text-decoration: none;
  border: 0;
}

.bgwhite {
    background: #fff;
}
.bgLightGrey {
    background: #EEEEEE;
}
.white {
    color: #fff;
}
.bgtransparent {
    background: transparent;
}

.noborder {
  border: none !important;
}

.divTitel {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: white;
    text-align: center;
    width: 100%
}
.input_area_with_border {
    border: 2px solid rgb(39,69,123);
    padding: 20px;
    margin-top: 5px;
    text-align: center
}

 /** background: #f5f5ff; */
.content {
  background: #fff;
}

 /** background: #f5f5ff; */
.contentWithMenu {
    margin-left: 200px;
    min-height: 400px;
}

 /** background: #f5f5ff; */
.contentWithOutMenu {
    min-height: 400px;
}

.panelMaximum {
    padding: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 100%;
}
.greetingtext {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center
}
.boldBigText,.puheader {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

.serviceProviderOneTimerMessage {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    font-weight: bold;
    font-size: 140%;
    color: orange;
    text-align: center;
}

.doNotUseIEMessage {
    font-weight: bold;
    font-size: 140%;
    color: black;
    text-align: left !important;
}

.largeText {
    font-size: 1.2em
}

.tinyText {
    font-size: 0.8em
}

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

.error,.fatal,.modalerror {
  background: #f99;
  border: 2px solid #f00;
  display: block;
  padding: 10px;
  position: relative;
  margin: 10px auto 0 auto;
}

.modalerror {
  width: auto;
}

/* Style für umgebendes Elemente für Fehlermeldungen; setzt die Hintergrundfarbe in enthaltenen Elementen */
.modalerrorContainer .ui-widget-content {
  background: #f99 !important;
  border: none !important;
}

.warning,.info {
  background: #e6e6e6;
  border: 2px solid #0a0;
  display: block;
  padding: 10px;
  position: relative;
  margin: 10px auto 0 auto;
}

.success {
  background: #9f9;
  border: 2px solid #0a0;
  display: block;
  padding: 10px;
  position: relative;
  margin: 10px auto 0 auto;
}

.valid {
  background: #dfd;
}
.invalid {
  background: #fdd;
}

.label {
  width: 100px;
  text-align: left;
}

.numberinputfield {
    text-align:right;
    width:4em
}

.displayInherit {
    display: inherit;
}
.centerautomargin {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.blockautomargin {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tableWidth60em {
	width: 60em;
}

.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
/* Text rechtsbündig mit einem rechten Rand von 5px, um einen Abstand zu nachfolgendem linksbündigen Text zu haben; funktioniert nicht als columnClass */
.rightMarginRight5 {
  margin-right: 5px;
  text-align: right;
}
.center {
  text-align: center;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}
.middle {
    vertical-align: middle;
}
.bold {
    font-weight: bold !important;
}

.minSize {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.downloadLink {
    font-weight:bold;
    text-decoration:underline;
}

.tableHeader {
    font-weight: bold;
    background-color: #ecf4fe
}

.switchButton {
    margin-top: 5px;
    width: 200px;
    height: 90px;
    font-weight: bolder;
    font-size: 1.6em;
}

/** Bildanzeige der Uploads */
.imageOverview {
    width: 244px;
    border: 0;
}

.tableHideColumnNames table thead tr {
    display: none;
}

/** Breite der Achsbilder (Composit Component) */
.widthAxleDisplay {
    width: 200px;
}

/* -- PrimeFaces */

/* Style für Upload-Elemente um deren "Upload erfolgreich"-Meldung anzuzeigen */
.uploadCompleteInfo .ui-messages-info {
    background-color: #d2ffd2 !important;
}

/* Style für Primeface-DataTable nur mit Zeilenrahmen, der Rahmenstyle "tbody td"  wird auch an umschlossene Grids <h:panelGrid/> vererbt */
.ui-datatable.tableBorderRowOnly thead th,
.ui-datatable.tableBorderRowOnly tbody,
.ui-datatable.tableBorderRowOnly tbody td {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
}

/* Style für Primeface-DataTable ohne Rahmen, der Rahmenstyle "tbody td"  wird auch an umschlossene Grids <h:panelGrid/> vererbt */
.ui-datatable.tableBorderNone thead th,
.ui-datatable.tableBorderNone tbody,
.ui-datatable.tableBorderNone tbody tr,
.ui-datatable.tableBorderNone tbody td {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
}

/* Style für Primeface-DataTable ohne Rahmen bei <TD/>, der Rahmenstyle "tbody td"  wird auch an umschlossene Grids <h:panelGrid/> vererbt (auch im footer) */
.ui-datatable.tableBorderNoDataBorder tbody td {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
}

.ui-panelgrid.panelGridNoBorder thead th,
.ui-panelgrid.panelGridNoBorder tbody,
.ui-panelgrid.panelGridNoBorder tbody tr,
.ui-panelgrid.panelGridNoBorder tbody td {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
}

/* Style für columnClasses eines h:panelGrid innerhalb einer p:dataTable */
.tableGridNoBorder {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
}

/* Style für columnClasses eines h:panelGrid innerhalb einer p:dataTable mit explizitem von padding: 0px !important; */
.tableGridNoBorderNoPadding {
    border-style: none !important;
    border-width: 0px !important;
    border-image: none !important;
    padding: 0px !important;
}

/* Style für Messages eines p:messages Elements */
.ui-messages {
	position: fixed !important;
	width: 600px;
	top: 7px;
	left: 50%;
	margin-left: -300px !important; /* Negative half of width. */
	z-index: 1500;
}

/* Style für div-Messages eines p:messages Elements */
.ui-messages div {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}

.dialogContentText {
	font-size: 1em;
}

.ui-breadcrumb {
    padding: 5px !important;
    padding-left: 25px !important;
    margin-bottom: 10px !important;
}

div[id*="menuLoginLanguage"] {
    padding: 0 !important;
 }

.panelNoBorder div {
    border:none !important;
}

.cancellationPU {
    background-color: #f8f8f8;
}

.hideFileUploadBottom > .ui-corner-bottom {
    display: none;
}

.dropzonePanelgrid {
    height: 120px;
}

.autoCompleteIcon {
    width:30px;
    height: 20px;
}
.autoCompleteText {
    vertical-align: middle;
    margin-left: .5rem;
}

.footer {
    font-size: 11px;
    padding: 3px;
}

.headerPageName, .footer {
    padding: 2px;
    height: 18px;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
}

.rest-log-time-display {
    border-width:2px;
    border-style:solid;
    border-color: rgb(39,69,123);
    padding: 2px;
    border-radius: 8px;
}

.headerText {
    font-size: 0.9em;
    font-weight: bold;
}

.headerUserInfo {
    font-size: 0.9em;
    font-weight: bold;
}

.logoHeaderLeft {
    text-align: left;
}

.logoHeaderRight {
    text-align: right;
}

.thumbNailFont {
    /** Fontgröße für Bildunterschriften in Bild-Vorschauen */
    font-size:8pt;
}

/** Buttons */
.buttonDefaultWidth120px {
    min-width: 120px !important;
}

.buttonDefaultWidth200px {
    min-width: 200px !important;
}

/** #13715 für ColumnToggler */
.buttonColumnToggler {
    margin-left: auto !important;
}

.ui-columntoggler {
    height: auto !important;
    max-height: 75%;
    padding-right: 5px;
    padding-left: 5px;
}

.flex {
    display: flex;
}