﻿/* Accordion Menu by www.menucool.com/vertical/accordion-menu*/

#accordion {
    visibility:hidden;
}

/* root UL */
#accordion ul {
    padding:0;
    margin:0;
    list-style:none;
}

/* sub UL */
#accordion ul ul {
    padding:0px 0;
}

/*---------- Indents------*/

/*top-level*/
#accordion .top > a, #accordion .top > div { 
    padding-right:20px;
    padding-top:10px;padding-bottom:10px;
}
#accordion i {
    position: relative;
    top: 2px;
    right: 7px;
    color: #f44fb8;
    display:none;
}
#accordion a.active i {
    display:inline-block;
}
/*2nd-level*/
#accordion li li > a, #accordion li li > div {
    padding-right:30px;
    padding-top:8px;padding-bottom:8px;
}

/*3rd-level*/
#accordion li li li > a, #accordion li li li > div { padding-right:50px; }


/*---------- Other styles ------*/

/* headings */
#accordion li > div{
    font-weight:500;
    color:#333;
}
#accordion .active > div{
    color:black;
}

#accordion li {
    font-size:13px;
	padding: 0;
    margin:0;
    overflow:hidden;
	cursor: pointer;
}

/* Add borders to the top LIs */
#accordion .top {
	/*border:1px solid #000;*/
}

/* links */
#accordion a {
    color:#333;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
    display:block;
    line-height:1;
    transition:all 0.3s;
}
#accordion a:hover {
    /*background-color:#eee;*/
}
#accordion a.active {
    /*background-color:#333;
    color:white;*/
    font-weight:700;
    color: #f44fb8;
}


/* carets */
#accordion .caret {
    color:inherit;
    display:inline-block; /*float:right;*/
    margin-top:0px;
    margin-left: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-left: none;
    border-right-color:initial;
    border-top-color: transparent;
}
#accordion .first-level a{font-weight:500}
#accordion .caret.active {
    margin-bottom:2px;
    margin-left:6px;
    border-bottom:none;
    border-left: 6px solid transparent;
    border-right-color: transparent;
    border-top-color:initial;
}

#accordion li {
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
}
