.cd-accordion-menu {
  width:246px;
  border: 1px solid #dedede;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding: 10px 5px 10px 35px;
  background: #5f6971; box-shadow: inset 0 -1px #dfdfdf;
  color: #fff;
  font-size: 16px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cd-accordion-menu label::before,.cd-accordion-menu a::after{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu ul a::after {
  /* image icon */
  left:15px;
  background: url(../wyimages/pro_cat_ico.png) no-repeat;
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before{
  background-image: url(cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 10px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label.on::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  background: #fff;
  color:#666;
  box-shadow: inset 0 -1px rgba(0,0,0,.2);
  padding-left: 35px;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left:25px;
}
.cd-accordion-menu ul ul label{
  padding-left:65px;
}
.cd-accordion-menu ul ul a {
  padding-left:50px;
}
.cd-accordion-menu ul ul label::before {
  left:40px;
}
.cd-accordion-menu ul ul a::before {
  left:40px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left:80px;
}
.cd-accordion-menu ul ul ul label::before {
  left:55px;
}
.cd-accordion-menu label::before {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}