#app-content h1
{
    font-size: 25px;
	margin: 2%;
}
#app-content .chart
{
    margin-top: 50px;
}
#app-navigation .menu-title
{
  display: block;
  width: 100%;
  /* line-height: 44px; */
  /* padding: 0 12px; */
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* color: #333; */
  /* font-weight: normal; */
  /* font-size: 1em; */
}

#app-navigation .menu-title h2
{
  font-size: 14px;
  /* font-weight: bold; */
}

/*app navigation icons*/
#app-navigation .nav-item.ch{
  background-image: url('https://data.myn.global/apps/ocusagecharts/img/appnavigation_sprit.png');
}
#app-navigation .nav-item.ch,
#app-navigation li.ch> a{
  width:100%;
}
#app-navigation li.nav-item.ch.chart_SUC {
  background-position: 4px -2px;
}
#app-navigation li.nav-item.chart_SUC .active,
#app-navigation li.nav-item.chart_SUC :hover{
  background-position: 4px -34px;
}
#app-navigation li.nav-item.ch.chart_SULM {
  background-position: 4px -66px;
}
#app-navigation li.nav-item.chart_SULM .active,
#app-navigation li.nav-item.chart_SULM :hover{
  background-position: 4px -98px;
}
#app-navigation li.nav-item.ch.chart_SUPM {
  background-position: 4px -130px;
}
#app-navigation li.nav-item.chart_SUPM .active,
#app-navigation li.nav-item.chart_SUPM :hover{
  background-position: 4px -162px;
}
#app-navigation li.nav-item.ch.chart_AUPM {
  background-position: 4px -193px;
}
#app-navigation li.nav-item.chart_AUPM .active,
#app-navigation li.nav-item.chart_AUPM :hover{
  background-position: 4px -225px;
}
#app-navigation li.nav-item.ch.chart_AULM {
  background-position: 4px -258px;
}
#app-navigation li.nav-item.chart_AULM .active,
#app-navigation li.nav-item.chart_AULM :hover{
  background-position: 4px -290px;
}