html {
 font-size: 100%;
 height: auto !important;
 height: 100%;
}
/*GENERIC STYLES*/ 
body {
 background: #eaeaea; 
 color: black; 
 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 font-size: 1em;
 font-weight: 400;
 height: auto !important;
 line-height: 1.6rem;
 min-height: 100%;
 max-width: 1268px;
 margin: auto;
}
/*HEADER STYLES*/
header {
 background: rgba(62,188,207,0.96);
 border-bottom: 1px solid rgba(0,0,0,.1);
 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
 display: block;
 width: 100%;
}
header p {
 color: black;
 padding: 0 10px;
}
header h1 {
 font-size: 1.8rem;
 padding: 10px 10px;
 font-weight: 200;
 letter-spacing: 1px;
 text-decoration: none;
 text-shadow: 0 1px 1px rgba(0,0,0,.1);
 margin: 0;
}
header > nav > ul {
 display: flex;
 flex-wrap: wrap;
 list-style: none;
 padding: 0 10px;
 margin: 0;
}
header > nav > ul > li {
 width: 10em;
 list-style: none;
 margin: 0;
 padding: 0;
 transition: all linear 0.1s;	
}
header > nav > ul > li:hover {
 background: rgba(58,162,173,1);
}
header > nav > ul > li > a {
 display: block;
 color: black;
 font-size: 1.1rem;
 font-weight: 400;
 letter-spacing: 1px;
 padding: 0.3rem 0.2rem;
 text-decoration: none;
 transition: all linear 0.1s;
}
header > nav > ul > li.selected a {
 color: grey;
}
header > nav > ul > li > ul {
 display: flex;
 flex-direction: column;
 visibility: hidden;
 background: rgba(58,162,173,1);
 position: absolute;
 padding: 0;
}
                                
header > nav > ul > li:hover > ul {
 visibility:visible;
}                               
header > nav > ul > li > ul > li {
 list-style: none;
 margin: 0;
 padding: 0;
 width:100%;
 z-index: 1;
}
header > nav > ul > li > ul > li > a {
 color: black; display: block;	
 font-size: 1rem;
 font-weight: 400;
 letter-spacing: 1.5px;
 padding: .25rem;
 text-decoration: none;
 color: black !important;
}
header > nav > ul > li > ul > li.selected a {
 color: grey !important;;
}
header > nav > ul > li > ul > li:hover > a {
 background-color: rgba(0,0,0,.15);	
}
#hdrTagline {
    padding: 0px 10px;
    margin: 10px 0;
}
#hdrTitle {
    padding: 20px 0px 0px 10px;
}
#hdrimg {
    display: block;
    width: 100%;
    max-height: 300px;
    height: auto;   
}
#menulab, #menulab1, #menulab2 {
 margin: 0px auto;
 font-size: 1.4em;
 font-weight: 200;
 letter-spacing: 1px;
 display: none;
 cursor: pointer;
}
#menulab:hover, #menulab1:hover, #menulab2:hover {
 background: rgba(58,162,173,1);
}
#menu-toggle, #menu-toggle1, #menu-toggle2 {
   display: none;
}
#toggled {
 display: block;
}
@media screen and (max-width: 815px) {
  header > nav > ul {
   flex-direction: column;
   align-items: center;
  }
  header > nav > ul > li {
   text-align:left;
   width:100%;
  }
  header > nav > ul > li:hover {
   background: inherit;
  }
  header > nav > ul > li > a {
   padding: 0.3rem 0.2rem;
  }
  header > nav > ul > li.menu_link   > a:hover {
   background-color: rgba(58,162,173,1);	
  }
  header > nav > ul > li > ul{
   background: inherit;
   width:100%;
   right: 0;
   left: 0;
   position: relative;
   visibility:visible;
  }                               
  header > nav > ul > li > ul > li{
   width:100%;
  }
  header > nav > ul > li > ul > li >a{
   padding-left:30px;
  }
  header > nav > ul > li > ul > li:hover > a {
   background-color: rgba(58,162,173,1);	
  }
  #menulab, #menulab1, #menulab2{
   display: block;
  }
  #menu-toggle:checked + #menulab {
   display: none;
  }
  #toggled {
   display: none;
  }
  #menu-toggle:checked + #menulab + #toggled {
   display: block;
  }

}
/*FOOTER STYLES*/
footer
{ width: 100%;
  padding: 0;
  text-align: center; 
  color: black;
  background: rgba(62,188,207,0.96);
  }
footer p {
 padding: 0 10px;
 margin: 0;
}
footer a, footer a:hover {
 color: black;
 text-decoration: underline;
}
footer a:hover {
 text-decoration: none;
}
footer a div {
 display:inline-block;
}
footer a span {
 display:none;
}
#flags {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: auto;
 max-width: 100%;
}
/*MAIN STYLES*/
main {
 overflow: hidden;
 margin: 0px auto 0 auto;
 padding: 0px 10px;
 background: white;
 border-top: 0;
 border-bottom: 0;
 color: black;
} 
main p {
 margin: 10px 0;
}
main ul {
 margin: 2px 0 15px 17px;
}
main ul li {
 list-style-type: circle;
 margin: 0 0 6px 0; 
 padding: 0 0 4px 5px;
}
main  table {
 border-collapse: collapse;
 margin: 10px 0 15px 0;
 color: black;
 border: solid black 1px;
}	
main table tr th
{ padding: 2px 2px;
  /* text-align: left; */
} 
main table tr th
{ background: lightcyan;
  color: black;
  border: solid black 1px;
}
main table tr td
{ background: white;
  color: black;
  border: solid black 1px;
}
.location {
 border: 1px solid #686868;
 border-radius: 10px;
 margin: 20px 0px 10px 0px;
 padding: 10px;
 display: inline-block;
 font-weight: bold;
 background: rgba(62,188,207,0.96);
}
.location  a {
 text-decoration: none;
 color: black;
}
.location  a.grey {
 color: grey;
}
.grandparent {
 display: flex;
 flex-flow: row wrap;
}
.parent {
 display: flex;
 flex-flow: row wrap;
 justify-content: space-evenly;
 align-items: flex-start;
}
.flexStart {
 justify-content: flex-start;
}
.child {
 align-self: flex-start;
 margin: 0 2px 10px 2px;
}
.noborder { border: none; }
.border { border:1px solid black; }
.grey { color: g; }
.green { color: green; }
.red { color: red; }
.yellow { color: orange; }
.orange { color: orange; }
.blue { color: #3366FF; }
.big {
 font-family: Tahoma;
 font-size: 16px;
}
.left {
 float: left;
 width: auto;
 margin-right: 10px;
}
.right {
 float: right; 
 width: auto;
 margin-left: 10px;
}
.center {
 display: block;
 text-align: center;
 margin: 20px auto;
}
.fullwidth {
 width: 100%;
}
.tabcen {
 text-align: center;
}
.tabright {
 text-align: right!important;
}
.clear {
 clear: both; 
}
.sidebar
{ display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
}
.sidebar_item
{ align-self: flex-start;
  margin: 20px 0 0 0;
  text-align: center;
  background: lightcyan;
  width: 100%
}
.recordDayTD1 {
 width: 36%;
}    
.recordsDayDiv table{
 width: 350px;
}
@media screen and (max-width: 765px) {
 .recordsDayDiv table{
  width: 100%;
 }
 .recordsDayDiv{
  width: 100%;
 }
}

.separate_plot {
 width: 100% !important;
 max-width: 400px;
 max-height: 260px;
}

.windrose {
 width: 100% !important;
 max-width: 500px;
}

#div_plot, #div_windplot {
 width: 100% !important;
 height: 500px;
}
#div_plot_labels {
 display: block !important;
}
#getDayForm {
  height : auto;
}
#suma {
    flex: 0 1 880px;
	width: 100%;
}
#sumb {
    flex: 1 0 232px;
	width: 100%;
    max-width: 750px;
    margin: 0;
}
#sidebarLinks ul
{
 margin: 0;
 padding: 0;
}
#sidebarLinks li
{
 list-style: none;
 margin: 0;
 padding: 0;
}
#reports {
 justify-content: flex-start;
}
#reportstd {
 border: none;
 background: lightcyan;
}
#toggleDiv {
  display: none;
}