/** {
  padding: 0px;
  margin: 0px;
  outline: none;
  font: 16px "Calibri";
  font-weight: lighter;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/


.tree input[type=checkbox] {
  vertical-align: middle !important;
}


.tree {
  margin: 2% auto;
  width: 80%;
}

.tree ul {
  display: none;
  margin: 4px auto;
  margin-left: 6px;
  border-left: 1px dashed #dfdfdf;
}


.tree li {
  padding: 12px 18px;
  cursor: pointer;
  vertical-align: middle;
}

.tree li:first-child {
  border-radius: 3px 3px 0 0;
}

.tree li:last-child {
  border-radius: 0 0 3px 3px;
}

.tree .active,
.active li {
  background: #efefef;
}

.tree label {
  cursor: pointer;
  width: auto !important;
  float: none !important;
}

.tree input[type=checkbox] {
  margin: -2px 6px 0 0px;
}

.tree .has > label {
  color: #000;
}

.tree .total {
  color: #e13300;
}