sidebar style

.topbar ul li a:hover { color:#fff; }

.topbar ul li.active a { color:#fff; }

#sidebar{ width:220px; position:fixed; background:#3B3E45; height:1500px; padding-top:35px; }

#sidebar{ width:220px; position:fixed; background:#3B3E45; height:1500px; padding-top:15px; }

.navbar{

  height:49px;

  background:url('img/navbar.png');

  margin-top:47px;

}

#sidebar .ul_head{ margin-top:10px; color:#ccc; font-weight:bold; text-transform:uppercase; padding-left:20px; font-size:11px; margin-bottom:5px; }

#sidebar .ul_head{ margin-top:30px; color:#ccc; font-weight:bold; text-transform:uppercase; padding-left:17px; font-size:11px; margin-bottom:5px; }

#sidebar ul{ list-style-type:none; padding:0; margin:0; }

#sidebar ul li{ height:28px; line-height:28px; cursor:pointer; font-size:13px; }

#sidebar ul li a{ color:#ccc; text-decoration:none; padding-left:20px; }

#sidebar ul li a{ color:#ccc; text-decoration:none; }

#sidebar ul li:after{ content:'›'; display:block; float:right; margin-right:15px; color:#ccc; font-size:16px; line-height:27px; }

#sidebar ul li .picto{ margin-top:10px; margin-right:7px; }

#sidebar ul li i{ margin-left:17px; margin-right:7px; color:#bbb; }

#sidebar ul li:hover, #tabs ul li:hover:after{ color:#fff; }

#sidebar ul li:hover .picto{ opacity:1; }

#sidebar ul li.active i, #sidebar ul li.active a{ color:#eee; }

.ui_sidebar_toplist{ 

  border-right: 1px solid #DDD;

      ul.append($('<li class="gauge">')

        .attr('data-token', gkey)

        .attr('data-view', gauges[gkey].view_type)

        .append('<span class="picto piechart">')

        .append('<i class="icon-bar-chart">')

        .append($('<a href="#" class="title">').html(gauges[gkey].title)));

    }