.valuepres {
  /*cursor: url('/app/core/images/infohover.png'), auto;*/
  cursor: url("/app/core/images/infohover.png"), auto;
  position: relative;
  z-index: 1; }
  .valuepres.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; }
  .valuepres .valueprestooltip div p {
    margin: 8px 5px;
    white-space: normal;
    font-weight: 500; }
    .valuepres .valueprestooltip div p:nth-child(odd) {
      font-weight: bold;
      white-space: nowrap; }

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