.grid-image {
    cursor: pointer;
}

/*tehnologii*/
.grid-image-tehnologii {
    width: 80px;
    height: 80px;
}

    .grid-image-tehnologii[src=""], .grid-image-tehnologii[src="undefined"] {
        display: none;
    }

.grid-image .grid-image-tehnologii-tooltip {
    position: absolute;
    z-index: 99999;
    right: 100px;
    display: none;
    border: 2px solid black;
    transform: translateY(-60%);
}

.grid-image:hover .grid-image-tehnologii-tooltip {
    display: block;
    height: 250px;
    width: 250px;
}

/*tehnologii*/

/*materiale*/

.grid-image-materiale {
    width: 80px;
    height: 80px;
}

    .grid-image-materiale[src=""], .grid-image-materiale[src="undefined"] {
        display: none;
    }

.grid-image .grid-image-materiale-tooltip {
    position: absolute;
    z-index: 99999;
    right: 180px;
    display: none;
    border: 2px solid black;
    transform: translateY(-60%);
}

.grid-image:hover .grid-image-materiale-tooltip {
    display: block;
    height: 250px;
    width: 250px;
}

/*materiale*/

/* arbore materiale*/

.grid-image-arbore-materiale {
    width: 80px;
    height: 80px;
}

    .grid-image-arbore-materiale[src=""], .grid-image-arbore-materiale[src="undefined"] {
        display: none;
    }

.grid-image .grid-image-arbore-materiale-tooltip {
    position: absolute;
    z-index: 99999;
    right: 180px;
    display: none;
    border: 2px solid black;
    transform: translateY(-60%);
}

.grid-image:hover .grid-image-arbore-materiale-tooltip {
    display: block;
    height: 250px;
    width: 250px;
}

/*materiale*/