body {
	--deviceColor1: #ee6e20;
	--deviceColor2: #f39200;
  
  background-color: #ee6e20;

  background: -moz-linear-gradient(-45deg, var(--deviceColor1) 0%, var(--deviceColor2) 70%);
  background: -webkit-linear-gradient(-45deg, var(--deviceColor1) 0%, var(--deviceColor2) 70%);
  background: linear-gradient(135deg, var(--deviceColor1) 0%, var(--deviceColor2) 70%);
}
canvas {
	width: 100%;
	height: auto;
}
/* Header */
#header {
  height: 80px;
  position: relative;
  width: 100%;
  z-index: 0;
}
#header h1 {
  background: url("../img/logo_amperestorage.png") no-repeat scroll 0 0 transparent;
  background-size: 100%;
  left: 5px;
  line-height: 600px;
  overflow: hidden;
  position: relative;
  top: 20px;
}
#header h1 a {
  display: block;
}
@media (max-width: 440px) {
  #header h1 {
    background: url("../img/logo_amperestorage.png") no-repeat scroll 0 0 transparent;
	background-size: 100% 100%;
	height: 31px;
    width: 180px;
  }
}
@media (max-width: 767px) {
  #header {
    left: 0;
    padding-top: 1px;
    z-index: 1;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
  }
  .menu-open #header {
    left: 205px;
  }
  .fixed #header {
    position: fixed;
    z-index: 20;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    margin-top: -37px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  #header h1 {
    top: auto;
    left: auto;
    margin: 7px auto;
  }
  .fixed #header h1 {
    position: absolute;
    top: auto;
    left: 38px;
    bottom: -4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #header {
    height: 38px;
    margin-top: -18px;
  }
  #header h1 {
    top: 3px;
  }
}

.form-group .row {
  margin-bottom: 8px;
}

.btn-pin {
 height: 70px;
}

.battery-boxes {
  margin: 5px 0px 0px 0px;
}

.battery-boxes li a {
  padding: 5px 10px;
}

.energy-flow-box {
  text-align: center;
  padding: 2px !important;
  display: block;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}