/* Contenitore principale */
        .table-container {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        /* Area scrollabile nascosta */
        .scroll-box {
            max-height: 400px;
            overflow-y: scroll;
            /*border: 1px solid #ff9900;*/
			box-shadow: inset 5px 2px 5px rgba(0.5, 0.5, 0.5, 0.2);
			border-radius:15px; 
             background-color: rgba(250, 240, 230, 0.4);;
            /* Nasconde la scrollbar su tutti i browser */
            -ms-overflow-style: none;  /* IE e Edge */
            scrollbar-width: none;  /* Firefox */
        }
        .scroll-box::-webkit-scrollbar {
            display: none; /* Chrome, Safari e Opera */
        }

        /* Stili della tabella */
        table.prod {
            /*border-collapse: collapse;*/
            width: 100%;
			table-layout:fixed;
			font-family: 'Cause', sans-serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-size: 13px;
			
        }
       	table.prod th, td {
         
		 /* background-color:rgba(255, 255, 255, 0.2); */
		  border-radius:15px;

			width:25%;
            padding: 10px;
            text-align: left;
			
			color: #863526;
        }
		table.prod td {
		  border-right: 1px solid #ffaa00;
		   border-bottom: 1px solid #ffaa00;
		   border-left: 1px solid #aaaaaa;
		   border-top: 1px solid #aaaaaa;
			 caret-color: transparent; 
			}
			
        th {
            background-color: #f4f4f4;
        }

        /* Contenitore pulsanti di controllo */
        .controls {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        .btn {
            padding: 10px;
            cursor: pointer;
            font-size: 16px;
        }

.cursore-trasparente {
    caret-color: transparent; 
}