@import 'https://code.highcharts.com/css/highcharts.css';
.inventory-label{
  padding-top: 5px;
}
.selected{
  background: #d64635;
}
.selected i{
  color: white !important;
}
/*
#menu ul li.selected {
    background: #d64635;
    color:#d64635;
}
#menu ul {
  margin: 0;
  padding: 20px 0 0 50px;
  list-style: none;
  line-height: normal;

}
#menu li {
    display: block;
    float: left;

}
#menu a {
    display: block;
    float: left;
    margin-right: 40px;
    padding: 5px 8px;
    text-decoration: none;
    color: #FFFFFF;
}
#menu a:hover {
*/
/* charts */

#container {
	height: 600px;
	max-width: 900px;
	min-width: 520px;
	margin: 0 auto;
}
.highcharts-pie-series .highcharts-point {
	stroke: #EDE;
	stroke-width: 2px;
}
.highcharts-pie-series .highcharts-data-label-connector {
	stroke: silver;
	stroke-dasharray: 2, 2;
	stroke-width: 2px;
}

#container1 {
	height: 500px;
	max-width: 800px;
	min-width: 520px;
	margin: 0 auto;
}
.highcharts-pie-series .highcharts-point {
	stroke: #EDE;
	stroke-width: 2px;
}
.highcharts-pie-series .highcharts-data-label-connector {
	stroke: silver;
	stroke-dasharray: 2, 2;
	stroke-width: 2px;
}
#container2 {
	height: 500px;
	max-width: 800px;
	min-width: 520px;
	margin: 0 auto;
}
.highcharts-pie-series .highcharts-point {
	stroke: #EDE;
	stroke-width: 2px;
}
.highcharts-pie-series .highcharts-data-label-connector {
	stroke: silver;
	stroke-dasharray: 2, 2;
	stroke-width: 2px;
}

.center {
  margin: auto;
  width: 60%;
  padding: 10px;
}

@media (max-width: 480px) {
  #container {
    height: 100%;
    width: 100%;
    margin-left: -20%;
  }
  #container1 {
    height: 100%;
    width: 100%;
    margin-left: -20%;
  }
  #container2 {
    height: 100%;
    width: 100%;
    margin-left: -20%;
  }
}