/* Accordion Menu by www.menucool.com/vertical/acdnmenu2-menu*/

#acdnmenu2 {
    visibility:hidden;
    font-family: Open Sans, sans-serif; /* tdo */
    font-size: 0px; /* tdo */
    text-shadow: none;  /* tdo  */
    width: calc(100% - 15px); /* tdo */
    text-align: left;  /* tdo */
}

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

/* sub UL */
#acdnmenu2 ul ul {
    padding:0px 0;
}

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

/* tdo */
#acdnmenu2 div.top {
   padding: 3px; /* tdo */
   padding-left: 20px; /* tdo */
}

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

/* headings */
#acdnmenu2 li > div{
    font-size:large;
    color:black;
}
#acdnmenu2 .active > div{
    color:#333;
}

#acdnmenu2 li {
   font-size:14px;
	padding: 0;
   margin:0;
   overflow: visible; /* tdo */
	cursor: pointer;
   color: #686868 !important; /* tdo */
   display: block;
   line-height: 1.15em;  /* tdo */
   position: relative; /* tdo */
   padding: 0px 0px 6px 20px;
   font-weight: normal !important;  /*tdotdo*/
   font-family: Open Sans, sans-serif;
}
#acdnmenu2 li:first-of-type {
   padding-top: 6px;
}
/* tdo */
#acdnmenu2 li li {
   padding-left: 12px;
}
/* tdo */
#acdnmenu2 li li:last-of-type {
   padding-bottom: 0px;   /* to avoid doubling of padding from item and parent */
}
/* tdo */
#acdnmenu2 li li li {
   padding-left: 15px;
}
/* tdo */
#acdnmenu2 li li li:last-of-type {
   padding-bottom: 0px; /* to avoid doubling of padding from item and parent */
}
/* tdo */
#acdnmenu2 li li li li {
   padding-left: 18px; /* tdo */
}
/* Add borders to the top LIs */
#acdnmenu2 .top {
/*	border:1px solid #000;  tdo */
}

/* No double borders between LIs*/
#acdnmenu2 li.top + li.top {
    border-top:0;

/* to override style coming from bootstrap.css  */
   box-sizing: border-box;
}

/* links */
#acdnmenu2 a {
    color: #686868 !important;
    font-weight:normal;
    font-size: 14px;
    text-decoration:none;
    display:block;
    line-height:1.15em;
    transition:color 0.3s;
}
#acdnmenu2 a.active {
    color: #004d88 !important;
    font-weight: 600;
}

#acdnmenu2 a:hover {
    background:none;
    font-weight: 600;
}

/*  tdo  */
#acdnmenu2 li.top:hover {
    background:none;
    font-weight: 600;
}
#acdnmenu2 li li:hover {
    background:none;
    font-weight: 600;
}
#acdnmenu2 li li li:hover {
    background:none;
    font-weight: 600;
}

/* carets */
#acdnmenu2 div.caret {
    color:inherit;
    display:inline-block !important; /*float:right;*/
    width:12px;
    height:12px;
    top:1px;
    margin-left:-12px !important;
    right:auto; /*Setting "right:6px;left:auto;" will position the arrow image to the right*/
    background-image:url('../images/hti5-menuarrows-blue10.gif');
    background-position:0 0; /* to show first image */
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;

/* to override style coming from bootstrap.css  */
    display: block;
    margin-left: 0px;
    vertical-align: inherit;
    border-top: none;
    border-right: none;
    border-left: none;
/* to override style coming from mbExtruder.css  */
   line-height: 1.15em;
    }

#acdnmenu2 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; tdo */
    background-position: 0 -12px; /* to show second image */
}

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

/* overrides to make it work for mobile in Sidebar  */
@media (max-width: 768px) {
   #acdnmenu2 li, #acdnmenu2 a { font-size: 16px; line-height: 1.0em; }
   #acdnmenu2 li { padding-top: 6px; padding-bottom: 4px; border-style: none; border-bottom-width: 1px !important; border-color: #D0D0D0 !important; border-bottom-style: solid !important;}
   #acdnmenu2 li:last-of-type { border-bottom-style: none !important;}
   #acdnmenu2 li:first-of-type { margin-top: 7px; padding-top: 10px; border-style: none; border-top-width: 1px !important; border-color: #D0D0D0 !important; border-top-style: solid !important;}
   #acdnmenu2 { border-style: none; border-bottom-width: 2px !important; border-color: #000000 !important; border-bottom-style: solid !important;}
   #acdnmenu2 div.caret { top: 0px;}
   #aacdnmenu2 li.top:hover { color:#515151 !important; text-shadow: none; }
   #aacdnmenu2 a:hover { color:#515151 !important; }
   iimg.tdologo { margin-bottom: 0px; padding-right: 15%;}
   ddiv.tdologo { padding-bottom: 6px; border-bottom-width: 1px !important; border-color: #D0D0D0 !important; border-bottom-style: solid !important;}
   img.tdologo { display: none; padding: 0px;}
}