ul.acc {
  border: 2px solid #ccc;
  margin: 0;
  padding: 0;
}
  
ul.acc li.section {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.acc li .title, ul.acc li .head {
  color: #000;
  display: block;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
  margin: 0;
}

ul.acc li .title, ul.acc li .notitle {
  float: left;
  width: 30px;
  height: 30px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

ul.acc li a.title:hover {
  background: #ccc;
}

ul.acc li div.toggle {
  padding: 10px;
  margin-left: 20px;
  clear: both;
}

ul.acc li.section.expanded>.head, ul.acc li.section.expanded>.title {
  background: #ddd;  
}

ul.acc li.section .title {
  background-image: url(../images/collapsed.png);
}

ul.acc li.section.expanded>.title {
  background-image: url(../images/expanded.png);
}

.accordion a.project { display: inline-block;}

div.accordion div.ui-accordion-content-active {
    height: auto !important;
}

.ui-widget {
    font-family: inherit;
}

/* for redmine 4.2 */
div.accordion div.project { display: inline-block; }
div.project span.project-parent {
	border-bottom: dotted;
}


/* overwrite jstree styles */

i.jstree-icon.jstree-themeicon.icon.icon-project.jstree-themeicon-custom {
    background-image: url(../images/folder.png);
    background-position: 0% 50%;
}

i.jstree-icon.jstree-themeicon.icon.icon-project.icon-my.jstree-themeicon-custom {
    background-image: url(../images/folder_user.png);
    background-position: 0% 50%;
}

/* 移除 jstree 默认图标背景 */
.jstree-default .jstree-ocl {
  background: none !important;
}

/* 使用 jQuery UI 图标类 */
.jstree-default .jstree-closed > .jstree-ocl {
  /* jQuery UI 折叠状态图标 (右箭头) */
  background: url("../images/ui-icons_444444_256x240.png") -32px -16px no-repeat !important;
}

.jstree-default .jstree-open > .jstree-ocl {
  /* jQuery UI 展开状态图标 (下箭头) */
  background: url("../images/ui-icons_444444_256x240.png") -64px -16px no-repeat !important;
}

/* 调整图标位置和大小 */
.jstree-ocl {
  width: 16px !important;
  height: 16px !important;
  margin-right: 4px !important;
}

.jstree-default .jstree-search {
    font-style: normal!important;
    color: ##bb0000!important;
    font-weight: normal!important;
}

.jstree-default .jstree-wholerow-clicked {
    background: linear-gradient(to bottom, #759FCF 0, #759FCF 100%)!important;
}

.jstree-icon.jstree-ocl {
	vertical-align: middle!important;
}

a.jstree-anchor.jstree-clicked {
	color: #FFF;
}

.jstree-default .jstree-wholerow-hovered {
	background-color: #fffde4!important;
}

label span.group-member-count {
	margin-left: 4px;
}

div#principals label.tooltip span.group-name {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}