.percent-cell {
    position: relative;
}

.real-value, .percent-value {
    display: inline-block;
    transition: opacity 0.3s ease; /* Faz a transição na opacidade */
}

.percent-value {
    display: none;
    opacity: 0;
}

.percent-cell:hover .real-value {
    opacity: 0;
}

.percent-cell:hover .percent-value {
    display: inline-block;
    opacity: 1;
}



.subtotal-row {
    background-color: #f0f0f0;
    font-weight: bold;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.subtotal-row td {
    padding: 10px;
}

.subtotal-row:hover {
    background-color: #e0e0e0;
}