.valuepres {
    /*cursor: url('/app/core/images/infohover.png'), auto;*/
    cursor: url("/app/core/images/infohover.png"), auto;
    position: relative;
    z-index:1;
    &.bad {
        cursor: url("/app/core/images/infohoverbad.png"), auto;
    }
}

.valuepres span.valueprestooltip {
	display: none;
    position: absolute;
    z-index:9999;
	bottom: calc(100% + 15px);
	min-width: 300px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
	color: #555;
	font-weight: 500;
	font-size: 11px!important;
	border-radius: 3px;
	left: 50%;
	transform: translateX(-50%);
}

.valuepres--left span.valueprestooltip {
	transform: translateX(-10%);
}

.valuepres--right span.valueprestooltip {
	transform: translateX(-90%);
}

.valuepres::before {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	content: "";
	display: none;
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.valuepres::after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.15);
	content: "";
	display: none;
	position: absolute;
	bottom: calc(100% + 5px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

/* Activating tooltip */

.valuepres.is-active span.valueprestooltip,
.valuepres.is-active::before,
.valuepresis-active::after {
	display: block;
}

.valuepres.is-active {
	color: #fff;
}

.valuepres .valueprestooltip div {
    display:grid;
    grid-template-columns: auto 1fr;

    p {
        margin:8px 5px;
        white-space: normal;
        font-weight:500;

        &:nth-child(odd) {
            font-weight:bold;
            white-space: nowrap;        
        }

    }    
}


.tooltipscroll {
    height:100px; 
    min-width:700px; 
    overflow-y: scroll;
    &::-webkit-scrollbar-track{
        background-color:#ddd;
        border-radius: 6px;
    }
}