.hortree-wrapper *,
.hortree-wrapper *:before,
.hortree-wrapper *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hortree-wrapper {
    position: relative;
    font-family: sans-serif, Verdana, Arial;
    font-size: 0.9em;
    padding:10px;
}

.hortree-branch {
    position: relative;
    margin-left: 300px;		/* WAS:250px */
    padding-bottom: 30px;	/* WAS:none */
}

.hortree-branch:first-child {
    margin-left: 0;
}

.hortree-entry {
    position: relative;
    margin-bottom: 20px;	/* WAS:20px */
}

.hortree-label {
    display: block;
    width: 250px;		/* WAS:{width:150px} */
    padding: 2px 5px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #4b86b7;
    border-radius: 3px;
    position: absolute;
    left: 0;
    z-index: 10;
    background: #fff;
    border-radius:8px;		/* WAS:inherit */
}

.hortree-tooltip {
    position: relative;
    display: inline-block;
}

.hortree-tooltip .hortree-tooltip-text {
    visibility: hidden;
    background-color: #484848;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.9em;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 200ms;
}

.hortree-tooltip .hortree-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #484848;
}

.hortree-tooltip:hover .hortree-tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* BG blocchi */
.hortree-question > .hortree-label {
	background:#add8e6;		
}
.hortree-choice   > .hortree-label {
	background:#ecfaff;
}
.hortree-leaf > .hortree-label {
 	background: #cbf2cb;
}
.hortree-label[data-tipo="q"] {
	background:lightblue;
}

.hortree-arrow-right, .hortree-arrow-left {
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	display: inline-block;
	float:right;
	margin-top:10px;
}
.hortree-arrow-left {
	border-top: 5px solid #f6f6f6;
	border-right: 10px solid #77c;
	border-bottom: 5px solid #f6f6f6;
	margin-right: 4px;
	margin-left: 3px;
}
.hortree-arrow-right {
	border-top: 5px solid #f6f6f6;
	border-left: 10px solid #77c;
	border-bottom: 5px solid #f6f6f6;
	margin-left: 4px;
	margin-right: 3px;
}

/*  */
.image-export{
	position:relative!important;
	padding:10px 10px 20px 10px!important;
}
.image-export > .div {
	margin:10px!important;
	width:100%!important;
	height:100%!important;
	padding:10px!important;
}

/* compact style - add 'hortree-compact' class to hortree container in your template */
.hortree-compact .hortree-branch[data-ntype="choice"] {
	margin-left: 0px;
}
.hortree-compact .hortree-entry[data-ntype="choice"] {
	margin-bottom: 0px;
	height:100%!important;
}
.hortree-branch {
	padding-bottom: 0px;
}
.hortree-compact .hortree-entry[data-ntype="choice"] {
     position: absolute;	 
}
.hortree-compact .hortree-branch[data-ntype="question"],
.hortree-compact .hortree-branch[data-ntype="leaf"] {
    position: absolute;

}