#accordion {
    visibility:hidden;
        width: 100%;
    max-width: 250px;
    margin: 0px auto 20px;
    background: #F0F0F0;
    padding: 0px;
}

/* root UL */
#accordion ul {
    padding:0;
    margin:0;
    list-style:none;
}

/* sub UL */
#accordion ul ul {
    /*background:#f5f5f5;*/
    padding:0px 0;
}

/*---------- Indents ------*/

/*top-level*/
#accordion .top > a, #accordion .top > div { 
   /* padding-left:20px;*/
    padding-top:12px;padding-bottom:12px;
}

/*2nd-level*/
#accordion li li > a, #accordion li li > div {
    padding-left:0px;
    padding-top:8px;padding-bottom:8px;
    color: #fff;
}

/*3rd-level*/
#accordion li li li > a, #accordion li li li > div { padding-left:50px; }


/*---------- Other styles ------*/

/* headings */
#accordion li > div{
    font-family:'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
    font-weight:bold;
    font-size:large;
    color:black;
}
#accordion .active > div{
    color:#333;
}

.accordion li {
    /*list-style: none;*/
    background-color: #4f5354;
    color: #fff;
}
/* Add borders to the top LIs */
#accordion .top {
    /* border: 1px solid #000; */
   /*  border-bottom: 1px solid #2F3030; */
    cursor: pointer;
    display: block;
   
    color: #fff;
    font-size: 14px;
    font-weight: 700;
   border-bottom: 1px solid #636565;
    position: relative;
    background-color: #2a3031;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #393535;
}
/* No double borders between LIs*/
#accordion li.top + li.top {
    border-top:1;
}

/* links */
#accordion a {
    color:black;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
    display:block;
    line-height:1;
    transition:all 0.3s;
}
#accordion a:hover, #accordion a.active {
    background-color:#000;/*#ffda3f;*/
    color:#fff;
}


/* carets */
#accordion div.caret {
    color:inherit;
    display:inline-block; /*float:right;*/
    margin-bottom:0px;
    margin-right:12px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    border-style:solid;
    border-width:6px; /*caret size is 6px now*/
    position:relative;
    border-bottom:6px solid transparent;
    border-right: none;
    border-left-color:initial;
    border-top-color: transparent;
    color: #fff;
}

#accordion div.caret.active {
    margin-bottom:3px;
    margin-right:6px;
    border-bottom:none;
    border-right: 6px solid transparent;
    border-left-color: transparent;
    border-top-color:initial;
    color: #fff;
}

#accordion li {
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
   
}