#solar_info {
   vertical-align: middle;
   position: relative;
   margin-left: 5em;
}

#solar_stats div.stat {
    display: inline-block;
    margin-bottom: 20px;
}

div.stat_header {
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: DarkGray;
    margin-right: 20px;
}
#block-fronius-daily-info {
      text-align: center;
}

#block-fronius-daily-info #solar_stats img {
   display: inline-block;
}

#block-fronius-daily-info #solar_stats div.stats-list{
	max-width: 180px;
   display: inline-block;
   vertical-align: top;
   margin-left: 10px;
}

#solar_stats div.stat_header {
    font-size: 1.1em;
    font-weight: bold;
	text-align: center;
	margin: 0; padding: 0;
}

#solar_stats div.unit {
    font-size: 0.7em;
    line-height: 0.7em;
}

#day_backward {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 160px;
}

#day_forward {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-top: 160px;
}

@media (min-width: 769px) {
   #solar_chart {
      width: 640px;
      display: inline-block;
   }
}

@media (max-width: 768px) {

   #solar_chart {
      width: 320px;
      display: inline-block;
   }
   #day_backward, #day_forward {
      display: none;
   }
   #solar_info {
      margin-left: 0;
   }
   #block-fronius-daily-info #solar_stats div.stats-list{
      width: 292px;
      max-width: inherit;
      margin: 0;
   }

   #block-fronius-daily-info img {
      max-width: 292px;
   }

   #block-fronius-daily-info #total_wattage, #block-fronius-daily-info #recent_wattage, #block-fronius-daily-info #max_wattage {
      min-width: auto;
      display: block;
   }
}

#block-fronius-daily-info {
   display: inline-block;
   max-width: 500px;
   vertical-align: top;
   margin-left: 1em;
}

#block-fronius-daily-info h2 {
   text-align: center;
   font-size: 1.5em;
   margin-bottom: 0.0em;
   margin-top: 1em;
}

#block-fronius-daily-info h3 {
   font-size: 1.0em;
   margin: 0 0 0.5em 0;
   padding: 0;
}

#block-fronius-daily-info #total_wattage, #block-fronius-daily-info #recent_wattage, #block-fronius-daily-info #max_wattage {
	text-align: center;
	min-width: 150px;
}

div#day_backward,
div#day_forward {
   font-size: 18px;
   padding: 10px;
   border: 2px solid black;
   color: #ccc;
   font-weight: bold;
   background-color: #0066aa;
   border-radius: 5px;
}

div#day_backward:hover,
div#day_forward:hover {
   background-color: #2086ca;
}

div#block-fronius-fronius-chart {
   display: inline-block;
}