#accordion .glyphicon {margin-right:10px;}
      .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
      .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
      .panel-collapse>.list-group {margin-bottom: 0;}
      .panel-collapse .list-group-item {border-radius:0;}

      .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
      .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

      .panel-collapse div.list-group div.list-group{margin: 0;}
      .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}
      
     /********************/
/* EXPANDABLE LIST  */
/********************/
#listContainer{margin-top:15px;}

#nav_cat_archive ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#nav_cat_archive p {
    margin:0;
    display:block;
}
#nav_cat_archive p:hover {background-color:#121212;}
#nav_cat_archive > li {
	padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
 }
 
#nav_cat_archive li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}

#nav_cat_archive li .badge {float: right;}
/* Collapsed state for list element */
#nav_cat_archive .collapsed {
    background-image: url(../images/collapsed.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#nav_cat_archive .expanded {
    background-image: url(../images/expanded.png);
}
#nav_cat_archive {
    clear: both;
}

.listControl{
  margin-bottom: 15px;
}
.listControl a {
    border: 1px solid #555555;
    color: #555555;
    cursor: pointer;
    height: 1.5em;
    line-height: 1.5em;
    margin-right: 5px;
    padding: 4px 10px;
}
.listControl a:hover {
    background-color:#555555;
    color:#222222; 
    font-weight:normal;
}



h4.panel-title a {padding-left: 20px;}
h4.panel-title a, h4.panel-title a[aria-expanded="true"] {background: url(../images/expanded3.png) left center no-repeat;}
h4.panel-title a[aria-expanded="false"] {background: url(../images/collapsed3.png) left center no-repeat;}

@media (max-width: 768px) {
h4.panel-title a {background: url(../images/collapsed3.png) left center no-repeat;}
}