$corner-radius: 10px
$border-color: seagreen
$background: rgb(146, 154, 146)
$divcolor: rgb(162, 227, 162)
$table-stripes: rgb(157, 179, 157)
$fieldset-color: rgb(208, 235, 208)
$button-color: darkslategrey
$header_footer_color: lightgray
$checkboxsize: 1.5
$inboxwidth: 70px
$navtab-color: #2D6AF8

body
  font-family: Verdana, 'Lucida Sans Unicode', sans-serif
  font-size: 16px
  width: 100%
  margin-left: auto
  margin-right: auto
  height: 100%
//  background-color: $background

html
  height: 100%

#wrapper
  margin: auto
  width: 100%
  text-align: center
  // background-color: #e9e9e9
  margin-top: 5px
  height: 100%
  position: relative

a
  color: #0000EE

header
  background-color: $header_footer_color

  #hline1
    margin: 0px 1vw 5px 1vw
    padding-top: 10px
    padding-bottom: 10px
    overflow: auto

  #h1name
    font-size: 148%
    clear: both
    float: left
    text-align: left

  #h1datum
    float: right
    margin-top: 5px

#fenster
  margin-left: 0.5vw
  background: white
  padding-top: 5px
  width: 99vw

  #navi
    float: left
    margin-left: 1%

  #buttonsRight
    float: right
    margin-right: 1%
    #btnSet
      margin-right: 20px

#map
  margin-left: 0.5vw
  // margin-top: 15px
  width: 98vw
  height: 80vh
  border-radius: $corner-radius
  border: solid 1px $border-color
  overflow: hidden
  z-index: 1

  #infoTable table, #infoTable tr, #infoTable td
    margin: auto
    text-align: center
    border: none !important
  #infoBtn
    margin-top: 10px
    text-align: center

#mapdateactsens
  width: 98vw
  font-size: 70%
  padding: 10px 0 10px 0
  overflow: auto

  #mapdate, #actsensors
    width: 33%
    float: left
  #actsensors
    text-align: left
    margin-left: 1vw

footer
  background-color: $header_footer_color

  #author
    font-size: 80%
    width: 98vw
    margin: auto
    padding-bottom: 30px
    padding-top: 10px
    height: 50px

    #mailadr
      float: left

    #versn
      float: right


.info
  padding: 6px 8px
  font: 12px Arial, Helvetica, sans-serif
  background: rgba(255,255,255,0.8)
  box-shadow: 0 0 15px rgba(0,0,0,0.2)
  border-radius: 5px

.info h4
  margin: 0 0 5px
  color: #777

.legend
  line-height: 18px
  color: #555
  font-size: 110%

.legend i
  width: 18px
  height: 18px
  float: left
  margin-right: 0px
  opacity: 1

.leglabel
  padding-top: 20px

.ndmarker
  position: absolute
  font-size: 24px

.tab-pane
  margin-top: 44px

#dlive, #dhour, #dday, #ddaynight, #dlden
  width: 100%
  margin: auto
  height: 80vh

#dialogError
  color: red

.modal-content
  border: red solid 2px

.highcharts-tooltip
  zIndex: 5


.settings
  text-align: left

.thelabels
  width: 50%
  float: left
//  border: 1px solid green

.theInputs
  //width: 60%
  float: left
//  border: 1px red solid

.rows
  width: 100%
  display: block

.column
  width: 100%
  display: inline-block
  margin-bottom: 15px

#startday
  width: 40%

#nbrofdays, #peaklim, #olderthan
  width: 13%

.addit
  width: 20%
  border: 1px solid blue

.klein
  font-size: 80%

.infoTafel th,td
  margin: auto
  text-align: left
  padding: 0 10px
  border: 1px solid black
  background-color: rgba(238,238,238,0.6)

.infoTafel th
  text-align: center

.infoTafel tr
  height: 20px

@media only screen and (max-width: 700px)
  .infoTafel, .legend
    display: none

.nav-tabs .nav-item .nav-link
  background-color: $navtab-color
  color: #FFF

.nav-tabs .nav-item .nav-link.active
  color: $navtab-color
  background-color: #FFFFFF

// for settings: set all to 'none'
#stday, #nbday, #pklim, #odth
  display: none



// for first page to show 'Loading ...'
#first
  display: flex
  align-items: center
  justify-content: center
  text-align: center

.addr
  font-weight: bold
  margin-bottom: 10px

.bigger
  font-size: 120%
  font-weight: bold