platform-b2b/src/main/webapp/resources/lib/treeview/css/angular.treeview.css

div[data-angular-treeview] {
  /* prevent user selection */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* default */
  font-family: Tahoma;
  font-size:13px;
  color: #555;
  text-decoration: none;
}

div[data-tree-model] ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: hidden;
  cursor: pointer;
}

div[data-tree-model] li {
  position: relative;
  width: 202px;
  /*padding: 0 0 0 15px;*/
}
div[data-tree-model] li b i{
  font-size: 22px;
  float: right;
  padding-right: 10px;
  margin-top: 5px;
  color: #999;
}
div.treeView>ul>li>div>ul>li>div>ul>li b i{
  display: none;
}
div.treeView>ul>li:nth-child(2)>div>ul>li>b i,div.treeView>ul>li:nth-child(4)>div>ul>li>b i,div.treeView>ul>li:nth-child(5)>div>ul>li>b i{
  display: none;
}
div.treeView>ul>li:first-child>.expanded{
  background: url("../img/icon_02.png") no-repeat 0 center;
}
div.treeView>ul>li:first-child>.collapsed{
  background: url("../img/icon_02.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(2)>.expanded{
  background: url("../img/icon_03.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(2)>.collapsed{
  background: url("../img/icon_03.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(3)>.expanded{
  background: url("../img/icon_04.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(3)>.collapsed{
  background: url("../img/icon_04.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(4)>.expanded{
  background: url("../img/icon_05.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(4)>.collapsed{
  background: url("../img/icon_05.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(4)>.normal{
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url("../img/icon_05.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(5)>.expanded{
  background: url("../img/icon_06.png") no-repeat 0 center;
}
div.treeView>ul>li:nth-child(5)>.collapsed{
  background: url("../img/icon_06.png") no-repeat 0 center;
}
div.treeView>ul>li>span{
  display: inline-block;
  padding-left: 36px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
  width: 88%;
}
div.treeView>ul>li>span.selected{
  padding-left: 36px;
}
div.treeView>ul>li>div>ul>li>span{
  font-size: 14px;
  font-weight: bold;
  color: #666;
  width: 76%;
  padding-left: 22px;
}
div.treeView>ul>li:nth-child(2)>div>ul>li>span,div.treeView>ul>li:nth-child(4)>div>ul>li>span,div.treeView>ul>li:nth-child(5)>div>ul>li>span{
  font-weight: normal;
}
div.treeView>ul>li>div>ul>li>div>ul>li>span{
  font-size: 14px;
  color: #666;
  width: 90%;
  padding-left: 40px;
}
div.treeView>ul>li>i{
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
div.treeView>ul>li>div>ul>li>i{
  /*margin-left: 22px;*/
}
div.treeView>ul>li>div>ul>li>div>ul>li>i{
  /*margin-left: 40px;*/
}
div.treeView>ul>li>div>ul>li>div>ul>li{
  /*width: 100%;*/
  /*cursor: pointer;*/
}
div.treeView>ul>li>div>ul>li>div>ul>li:hover{
  /*background-color: rgba(36,150,241,.2);*/
  /*color: #2496f1;*/
}
div[data-tree-model] li>span {
  display: inline-block;
  height: 36px;
  line-height: 36px;
}

div[data-tree-model] li .expanded {
  display: inline-block;
  padding: 1px 12px;
  /*background-image: url("../img/icon_02.png");*/
  /*background-repeat: no-repeat;*/
  width: 24px;
  height: 20px;
}

div[data-tree-model] li .collapsed {
  display: inline-block;
  padding: 1px 12px;
  /*background-image: url("static/img/left/icon_02.png");*/
  /*background-repeat: no-repeat;*/
  width: 24px;
  height: 20px;
}

div[data-tree-model] li .normal {
  padding: 1px 10px;
  /*background-image: url("static/img/left/icon_02.png");*/
  /*background-repeat: no-repeat;*/
}

div[data-tree-model] li i, div[data-tree-model] li span {
  cursor: pointer;
}

div[data-tree-model] li .selected {
  font-weight: bold;
  color: #3f84f6;
  /*padding: 1px 5px;*/
}