body {
    background-color: #fff;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

header, footer, nav, section {
    display: block;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 20px;
  padding-Top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 10px;
}

#menu {
  padding-left: 30px;
  padding-right: 30px;
  width: 205px;
  float: left;
}

.loginInfo {
     position:absolute; 
     width:auto; 
     top:0px;
     right:5px;
     z-index:-10; 
     border-style: solid;
     border-color: #99cc33;
     border-width: 1px;
     padding:3px;
}

#contentDiv {
    padding-left: 205px;
    padding-right: 10px;
    width: 100%;
}

.container {
    width: 100% !important;
}

.form-control {
    max-width: 400px;
}

#paramterLegende {
  padding-Top: 15px;
  font-size: small;
}

#Legend {
  padding-Top: 15px;
  font-size: small;
}

#pnlParametersPrint{
    display: none;
}

.graphMarker {
    position: absolute; 
    color: #000;
    background-color: rgba(50, 178, 32, 0.2);
    pointer-events:none;
    text-align: center;
}

.googleHeaderCell {
     white-space: pre-wrap !important;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
    .field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Export Styles
-----------------------------------------------------------*/
#tblGewaechshaus {
    font-size: small;
}

#tblGewaechshaus > thead > tr > th {
    text-align: center;
}

.totalGewRow {
    background-color: lightgray;
    font-weight: bold;
}

/* SZG Styles
-----------------------------------------------------------*/
h1, h2, h4, h5, h6
{
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

h1
{
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 12px;
  margin-top: 0px;
  color: #99cc33;
}

a, a:link, a:visited
{
  color: #99cc33;
  outline-style: none;
  outline-width: 0px;
}

a, a:link, a:visited
{
  color: #99cc33;
  outline-style: none;
  outline-width: 0px;
}

a:hover
{
}

ul
{
  line-height: 17px;
}

ul.menulist, .menulist li
{
  list-style-type: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 120%;
}

.menulist li a
{
  display: block;
  padding-bottom: 6px;
  padding-top: 4px;
  padding-left: 10px;
  color: #9c9d9f;
  font-size: 11px;
  font-weight: bold;
  outline-style: none;
  outline-width: 0px;
}

.menulist li a:link, .menulist li a:visited
{
  color: #9c9d9f;
}

.menulist li a:hover
{
  color: #c80000;
}

.menulist li a.active, .menulist li a.current, .menulist li a.active:visited, .menulist li a.current:visited
{
  color: #c80000;
  background-image: url("arrow.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;
}


.menulist li
{
  background-image: url("navidivider.gif");
  background-repeat: repeat-x;
  background-position: left bottom;
}