/*@import 'https://code.highcharts.com/css/highcharts.css';*/

/* Box Model Hack */
* {
  box-sizing: border-box;
  font-Family: Arial, Helvetica, sans-serif;
}

/* Clear fix hack */
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clear {
	clear: both;
}

/******************************************
/* BASE STYLES
/*******************************************/

.highcharts-title {
  /* fill: #434348;
  font-weight: bold;
  letter-spacing: 0.3em; */
  font-size: 1.5em;
}


/******************************************
/* LAYOUT
/*******************************************/

#chartsGrp {
  /* display: block; */
  margin: 10;
  width: 100%;
  /* border: 1px solid rgb(17, 200, 232); */
}


.wqChart{
  /* border: 1px solid green; */
}

#datesInput{
  margin-bottom: 20;
  float: right;
  display: inline-block; 
  /* border: 1px solid rgb(232, 171, 17); */
}

input[type=text] {
  width: 105px;
  border: 0px solid red;
  text-align: center;
  font-size: 16px;
}

#buttonRow{
  float: right;
}

/******************************************
/* Highcharts
/*******************************************/

/* .highcharts-title {
  fill: #434348;
  font-weight: bold;
  letter-spacing: 0.3em;
  font-size: 1em;
} */

/******************************************
/* ADDITIONAL STYLES
/*******************************************/

/* On mobile, please make all sections stack  */
@media all and (max-width:500px){
  main section, .bottom section{
    width: 100%;
  }
}
/* On tablet, please make the sections in main stack  */
@media all and (max-width: 850px){
  main section{
    width: 100%;
  }
}
/* On laptop, please keep the normal layout, but everything should be light green */
@media all and (min-width:850px){
  main, .bottom{
    /* background: lightgreen; */
  }
}
/* On larger screens, please keep the normal layout, but everything should be light blue */
@media all and (min-width: 1024px){
  main,.bottom{
    /* background: lightblue; */
  }
}