.dh_content{width:280px;margin:0 auto;}
.filterinput{
    background-color:rgba(249, 244, 244, 0);
    border-radius:15px;
    width:90%;
    height:30px;
    border:thin solid #FFF;
    text-indent:0.5em;
    font-weight:bold;
    color:#FFF;}
#demo-list a{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:240px;}
     .jquery-accordion-menu,.jquery-accordion-menu * {
    font-family: 'Open Sans',sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0
;}

.jquery-accordion-menu {
    min-width: 260px;
    background:#f8fafd;
    float: left;
    position: relative;
    margin-left:20px;
    padding-bottom:30px;
 
;}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #f0f0f0;
    background: #414956
;}

.jquery-accordion-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
;}

.jquery-accordion-menu ul li {
    width: 240px;
    display: block;
    float: left;
    position: relative;
    padding:0px 10px;
  }

.jquery-accordion-menu ul li a {
    width: 100%;
   font-size:17px;
 height:62px;line-height:62px;
    float: left;
    text-decoration: none;
    color: #666;
    text-align:center;
  
    white-space: nowrap;
    position: relative;
    overflow: hidden;

;}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
    color: #fff;
    background: #3b424d
;}

.jquery-accordion-menu>ul>li>a {
    border-bottom: solid 1px #ccc
;}

.jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left
;}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 62px;
    font-size: 21px;
    -o-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -webkit-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
   -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
;}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
;}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
;}

.jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%;
  padding:0px;}

.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: 15px;
    background: #fff url(../img/hsdoc.png) 92% center no-repeat;
    border-top: none;
    position: relative;
height:40px;
line-height:45px;
width:260px!important;
margin-left:-10px;
    border-left: solid 3px transparent;
    -o-transition: border .2s linear;
    -moz-transition: border .2s linear;
    -webkit-transition: border .2s linear;
    transition: border .2s linear
;}

.jquery-accordion-menu ul ul.submenu li:hover>a {
    border-left-color: #e7a53e
;}

.jquery-accordion-menu ul ul.submenu li a.on{
    border-left-color: #e7a53e;
    background:#0057b9;
color:#fff;
;}

.jquery-accordion-menu ul ul.submenu>li>a {
    padding-left: 0px
;}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
    padding-left: 45px
;}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
    padding-left: 60px
;}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
;}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px
;}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
;}

.animate-ink {
    -webkit-animation: ripple .5s linear;
    -moz-animation: ripple .5s linear;
    -ms-animation: ripple .5s linear;
    -o-animation: ripple .5s linear;
    animation: ripple .5s linear
;}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    ;}
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    ;}
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5)
    ;}
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5)
    ;}
}



.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {
    background: #03A678
;}


.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a {
     border-left: #970000  0px solid;   
;}

.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a {
    background: #e4edfa;border-left:3px #f69305 solid;color:#333;
width:260px!important;margin-left:-10px;}

.red.jquery-accordion-menu>ul>li>a {
    border-bottom-color: #d2dcec
;}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
   background:#0057b9;color:#fff;
;}