/* root DIV */

#accordion {
    /* visibility:hidden; */
    background:#314f60;
}

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

/* top-level item */
#accordion .top > a, #accordion .top > div {
    padding:10px 10px 10px 16px;
}

/* 2nd-level item */
#accordion li li > a, #accordion li li > div {
    padding:8px 8px 8px 30px;
}

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

/* headings */
#accordion li > div{
    font-family:'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
    font-weight:bold;
    font-size:1.2rem;
    color:#bbb;
}

/* active heading */
#accordion .active > div{
    color:#eee;
}

#accordion li {
    font-family:Arial, sans-serif;
    font-size:0.9rem;
	padding: 0;
    margin:0;
    overflow:hidden;
	cursor: pointer;
    user-select:none;/* improve touchscreen usability */
}

/* links */
#accordion a {
    color:#bbb;
    font-weight:normal;
    text-decoration:none;
    display:block;
    line-height:1;
}

#accordion a:hover {
    color:#fff;
}

#accordion a.active {
    color:#fff;
    background-color:rgba(255,255,255,0.15);
}



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

#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;
}