body {
    background-color: #E8F6FA; /* Standard background for hessdalen */
 /*   margin-left: 0;*/
}

#weatherData{
  background-color: #e8e8e8; /* Black */
  width: 81%;
  height: 550px;
  float: left;

  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;

}
#loadingData{
  height: 480px;
  width: 81%;
  background-color: black;
  position: absolute;
  display: none;
}
.realTimeChart {
    width: 100%;
    height: 500px;
}
#dataParametre{
  background-color: #bad4ff; /* Light-blue */
  width: 18%;
  height: 550px;
  float: left;
  position: relative;

  border: 1px solid black;
}
#dataParametre *{
  font-size: 1.2rem;
}
      #sensorType{
        float: left;
        background-color: #bad4ff; /* Light-blue */

      }

      #sensorType button{
        margin: 5px 0px 0px 5px;
        width: 95%;
        height: 30px;
      }

      #searchParameter{
        background-color: #bad4ff; /* Light-blue */
      }

      #dateHour input{
        margin: 5px 0px 0px 5px;
        width: 95%;
        height: 30px;

      }


.checkboxContainer{
  position: relative;
  font-size: 20px;
}
.checkboxContainer input:checked ~ .checkboxIcon {
  background-color: #00A;
}
.checkboxIcon{
  height: 20px;
  width: 20px;
  background-color: #bbb;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.checkboxIcon:after{
  content: "";
  position: absolute;
  display: none;
}

.checkboxContainer input:checked ~ .checkboxIcon:after {
  display: block;
}

/*Hover label*/
.checkboxContainer:hover input ~ .checkboxIcon {
  background-color: #000;
}

.checkboxContainer:hover input ~ .checkboxText {
  color: gray;

  <!-- Making text unselectable -->
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkboxContainer{
  margin: 5px 5px 5px 5px;
}
.checkboxContainer .checkboxIcon:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkboxText {
  color: black;
  font-size: 1.2rem;
}

#description{
  height: 200px;
  width: 99%;
}
    .tg  {
      background-color: #bad4ff; /* Light-blue */


      border-collapse:collapse;
      border-spacing:0;
    }

    .tg td{
      font-family:Arial, sans-serif;
      background-color: #e5efff; /* Lighter-blue */
      font-size:14px;
      padding:10px 5px;
      border-style:solid;
      border-width:1px;
      overflow:hidden;
      word-break:normal;
      border-color:black;
    }

    .tg th{
      font-family:Arial, sans-serif;
      font-size:14px;
      font-weight:normal;
      padding:10px 5px;
      border-style:solid;
      border-width:1px;
      overflow:hidden;
      word-break:normal;
      border-color:black;
    }

    .tg .tg-0lax{
      text-align:left;
      vertical-align:top
    }
    .tg ul {
      padding-left: 15px;
    }

#btn_filter{
  width: 100%;
  height: 55px;
  font-size: 24;
}
.btn30{
  width: 33%;
  height: 30px;
  font-size: 12;
}



#table td{
  width: 200px;
  font-size: 1.2rem;
}
#table th{
  width: 200px;
  font-size: 1.2rem;

}

#table td:nth-child(1), #table th:nth-child(1) {
  min-width: 200;
}
#table td:nth-child(2), #table th:nth-child(2) {
  min-width: 200px;
}
#table td:nth-child(3), #table th:nth-child(3) {
  width: 200px;
}
#table td:nth-child(4), #table th:nth-child(4) {
  width: 200px;
}
#table td:nth-child(5), #table th:nth-child(5) {
  width: 200px;
}

  #table tbody tr:nth-child(even) {
    background-color: #c6c6c6;

  }

#realTimeCharts * {
  font-size:1.2rem;

}
.realTimeChart {
  background-color: #e8e8e8;
}


#minuteValueDescription {

}

#table {
  width: auto;
  height: 550px;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#table tbody tr{
  border: 1px solid black;
}
#table th, #table td{
  padding: 5px;
  text-align: left;
}
#table thead tr{ /* Header rekken*/
  display: block;
  position: relative;
}
#tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 470px;

}

#chartdiv {
  width: 100%;
  height: 560px;
}