.accordion{
color: white;
cursor: pointer;
padding: 12px;
width: 100%;
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: solid 1px #FFF !important;
text-align: left;
outline: none;
font-size: 1rem;
}

.panel {
padding: 0 18px;
display: none;
background-color: #f8f8f8;
overflow: hidden;
border-left: 2px solid #1564c0;
border-right:2px solid #1564c0;
border-bottom:2px solid #1564c0;
box-shadow: inset 0 0px 4px #1564c0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
div.accordion::after {
content: '\002B';
color: #ffffff;
font-weight: bold;
float: right;
margin-left: 5px;
}
div.accordion.active:after {
content: "\2212";
}

@media print {
	.panel{ display: block; border-left:none; border-right:none; background-color: #f8f8f8; }
	.noPrint{ display: none; }
	div.accordion::after {
	content: '\2212';
	color: #ffffff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	}
}

.vistaAlbero li {
  list-style-type: none;
  margin: 2px 0 0px 0px;
  position: relative;
  padding-left:10px;
}
.vistaAlbero li:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -20px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 20px;
  height: 15px;
  color:red;
}
.vistaAlbero li:after {
  position: absolute;
  content: "";
  top: 14px;
  left: -20px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  width: 20px;
  height: 100%;
}
.vistaAlbero li:last-child:after {display: none; }