.container {
    width: 260px !important;
    position: absolute;
    top: 0px;
    right: 30px;
}

ol, ul {
    margin-left: 0 !important;
    padding-left: 10px !important;
    font-size: 12px;
}

li {
     padding-top: 10px;
 
}

#accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
  background-color:#000;
}
#accordion a {
  display: block;
  padding: 10px 15px;
  border-top: 1px solid #555;
  text-decoration: none;
}
#accordion a:focus {
	
	transition: all .5s;
}

#accordion a:hover {
	
	transition: all .5s;
	color:#fff;
}


/*#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
  color: #000;
  transition: all 0.2s ease-in;
}*/
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: #aaa;
}
#accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
    color: #fff;
  background-color: #000;
   transition: all .53;

}

#accordion .panel-heading:hover {
  background-color: #333;
  transition: all .3s;

}

#accordion .panel-heading a:not(.collapsed) {
  color: #fff;
  background-color: #000;
  transition: all 0.2s ease-in;
  
}

#accordion .panel-heading a:visited {
  color: #fff;
  background-color: #000;
  transition: all 0.2s ease-in;
  
}


.panel-body {
	color:#fff;
	padding: 0px 24px !important;
	border-bottom: 1px solid #aaa;
	transition: all .5s;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0 !important;
    transition: all .5s;
    background-color: #fff;
    color:#333;
    border-bottom: 0 !important;
   }

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
   font-family: 'FontAwesome';
  content: '\f00d';
    float: left;
    color: #555;
    font-weight: lighter;
    margin-right: 10px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #fff;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

h4.panel-title > a {
	color:#fff;
	text-align: left;
	text-transform: uppercase;
	font-size:12px;
	font-weight:100;
}

h4.panel-title > a:hover {
	color:#fff;
}