/* (c) schönberg-solutions GmbH */

/* ---------------- Ausrichtung ------------------------ */

/* Beim Druck weißer Hintergrund */
@media print, embossed {
    body {
        background-color: white;
    }
}

.left {
  text-align: left;
}
.right {
  text-align: right;
}
.rightImportant {
  text-align: right !important;
}
.center {
  text-align: center;
}
.centerImportant {
  text-align: center !important;
}
.top {
  vertical-align: top;
}
.bottom {
  vertical-align: bottom;
}
.middle {
    vertical-align: middle;
}
.middleCenterImportant {
    text-align: center !important;
    vertical-align: middle !important;
}
.middleRightImportant {
    text-align: right !important;
    vertical-align: middle !important;
}

/* ---------------- Font ------------------------ */
.bold {
    font-weight: bold;
}

/* ---------------- Breite ------------------------ */
.width10 {
    width: 10% !important;
}
.width20 {
    width: 20% !important;
}
.width30 {
    width: 30% !important;
}
.width40 {
    width: 40% !important;
}
.width50 {
    width: 50% !important;
}
.width60 {
    width: 60% !important;
}
.width70 {
    width: 70% !important;
}
.width80 {
    width: 80% !important;
}
.width90 {
    width: 90% !important;
}
.width95 {
    width: 95% !important;
}
.width99 {
    width: 99% !important;
}
.width100 {
    width: 100% !important;
}

.height90 {
    height: 90% !important;
}
.height100 {
    height: 100% !important;
}


.width2em {
    width: 2em !important;
}
.width3em {
    width: 3em !important;
}
.width5em {
    width: 5em !important;
}
.width6em {
    width: 6em !important;
}
.width7em {
    width: 7em !important;
}
.width10em {
    width: 10em !important;
}
.width13em {
    width: 13em !important;
}
.width15em {
    width: 15em !important;
}
.width17em {
    width: 17em !important;
}
.width20em {
    width: 20em !important;
}
.width25em {
    width: 25em !important;
}
.width30em {
    width: 30em !important;
}
.width40em {
    width: 40em !important;
}
.width50em {
    width: 50em !important;
}

.minWidth2em {
    min-width: 2em !important
}
.minWidth5em {
    min-width: 5em !important
}
.minWidth6em {
    min-width: 6em !important
}
.minWidth7em {
    min-width: 7em !important
}
.minWidth10em {
    min-width: 10em !important
}
.minWidth13em {
    min-width: 13em !important;
}
.minWidth15em {
    min-width: 15em !important
}
.minWidth17em {
    min-width: 17em !important
}
.minWidth20em {
    min-width: 20em !important
}
.minWidth25em {
    min-width: 25em !important
}
.minWidth30em {
    min-width: 30em !important
}
.minWidth35em {
    min-width: 35em !important
}
.minWidth40em {
    min-width: 40em
}


/* ---------------- Abstand ----------------------- */

.padding0 {
    padding: 0px !important
}
.padding3 {
    padding: 3px;
}
.padding1em {
    padding: 1em;
}
.paddingLeft1em {
    padding-left: 1em;
}
.padding2em {
    padding: 2em;
}

/* ---------------- Farben ------------------------ */
.schoesoBlue {
    background-color: #003d8b;
}
.orange {
    background-color: orange;
}
.red {
    background-color: red;
}
.pastellRed {
    background-color: #FF8080;
}
.yellow {
    background-color: rgb(240,240,110);
}
.silver {
    background-color:silver;
}
.white {
    background-color: white;
}
.green {
    background-color: green;
}
.green2 {
    background-color: rgb(90,200,80);
}
.blue {
    background-color: paleturquoise;
}
.gray {
    background-color: gray;
}
.lightgray {
    background-color: rgb(210,210,210);
}

/* ------------- Rahmen ----------------- */
.blackborder {
    border-color: black;
    border-width: 1pt;
    border-style: solid;
}
.blackborder100block {
    border-color: black;
    border-width: 1pt;
    border-style: solid;
    width: 100%;
    display: block;
}

/* ---------------- Sichbarkeiten in Medien ---------------- */

.noDisplay {
    display: none;
}

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

.marginAutoLeftRight {
  margin-left: auto;
  margin-right: auto;
}
.centerMarginAutoLeftCenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.rightMarginAutoLeftRight {
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.centerMarginAutoLeftRight {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.marginBottomRow5 {
  margin-bottom: 5px !important;
}
.marginBottomRow5Width100 {
  margin-bottom: 5px !important;
  width: 100% !important;
}
.marginBottomRow10 {
  margin-bottom: 10px !important;
}
.marginBottomRow15 {
  margin-bottom: 15px !important;
}
.marginBottomRow20 {
  margin-bottom: 20px !important;
}

.marginBottomRowLabel5 {
  margin-bottom: 5px !important;
  display: inline-block !important;
}
.marginBottomRowLabel10 {
  margin-bottom: 10px !important;
  display: inline-block !important;
}
.marginBottomRowLabel20 {
  margin-bottom: 20px !important;
  display: inline-block !important;
}

.marginTopRow5 {
  margin-top: 5px !important;
}
.marginTopRow10 {
  margin-top: 10px !important;
}
.marginTopRow20 {
  margin-top: 20px !important;
}
.marginRightRow5 {
  margin-right: 5px !important;
}
.marginLeftRow5 {
  margin-left: 5px !important;
}

/** z.B. für Links mit Icons neben einer Texteingabe, da durch Prime diese sich überlappen */
.marginBottomRow5BesideInput {
  margin-bottom: 5px !important;
  margin-left: 1em !important;
}

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

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

.labelRight {
  margin-left: 5px !important;
}
.labelRightMarginBottomRowLabel5 {
  margin-left: 5px !important;
  margin-bottom: 5px !important;
  display: inline-block !important;
}
.labelLeft5Right15MarginBottomRowLabel5 {
  margin-right: 5px !important;
  margin-left: 15px !important;
  margin-bottom: 5px !important;
  display: inline-block !important;
}

/* ---------------------- DND ---------------- */

.dndDrag {
    border-color: gray;
    border-width: 1;
    border-style: solid;
}

.dndAccept {
    border-color: green;
    border-width: 2;
    border-style: solid;
}

.dndReject {
    border-color: red;
    border-width: 2;
    border-style: solid;
}

.dndRootTarget {
    border-color: #000000!important;
    border-width: 1 !important;
    border-style: solid !important;
    background-color: #797979!important;
    color: white !important;
    display: inline-block;
    margin: 2px;
}

/* ----------------- Meldungen -------------- */

/* Informationstext wie z.B. Testsystem */
.systemInfoTextMenu {
    padding-left: 1em; 
	font-weight : bold;
    color: rgb(255, 51, 51);
    font-size: 14px;
}

/* Informationstext wie z.B. Testsystem */
.systemInfoTextNoMenu {
    left: 450px;
    top: 25px;
    position: absolute;
    width: 500px;
    font-weight : bold;
    color: rgb(255, 51, 51);
    font-size: 14px;
}

/* ------------- Header ----------------- */

.userinfoposition {
    font-size: 0.6em;
    color: black;
    line-height: 0.8em;
    min-width: 25em;
}

.restLogTimeDisplay {
  border-width:2px;
  border-style:solid;
  border-color: rgb(39,69,123);
  padding: 2px;
  border-radius: 8px;
  font-size: 0.8em;
}

.headerName {
    margin: 0.2em;
    color: rgb(39,69,123);
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
}

.headerDataInput {
    margin: 0.2em;
    color: black;
    font-size: 1.2em;
    font-weight: bold;
}

.headerNoMenu {
    margin-top: -1.7em
}

/* ----------------- OSM Karten -------------- */

/* Formatierungen für Karten */
.map {
    position:relative;
    z-index:0;
    width:100%;
    border:3px solid #000;
}


/* Timer - letzte Ausführung festlegen der Hintergrundfarbe */
.timerError {
    background-color: rgb(225,0,0);
}
.timerWarning {
    background-color: rgb(225,128,0);
}
.timerNotRun {
    background-color: rgb(225,225,0);
}
.timerOK {
    background-color: rgb(130,225,130);
}