#monitoringPanel {

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50% ,-50%);

    border: 1px solid #ddd;

    padding: 20px;

    border-radius: 8px;

    background-color: #fff;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    width:600px;

    max-width: 600px;

    margin: 0 auto; /* Centra il pannello */

}



    #monitoringPanel h2 {

        margin-top: 0;

        color: #007bff;

    }



    #monitoringPanel label {

        display: block;

        margin-bottom: 8px;

        font-weight: bold;

    }



#performanceOutput {

    width: 100%;

    height: 150px;

    padding: 10px;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #f0f0f0;

    font-family: 'Consolas', 'Monaco', monospace;

    font-size: 0.9em;

    resize: vertical; /* Permette di ridimensionare verticalmente */

    box-sizing: border-box; /* Include padding e border nella larghezza/altezza */

}



#activateMonitoring {

    padding: 10px 20px;

    font-size: 1em;

    background-color: #28a745;

    color: white;

    border: none;

    border-radius: 5px;

    cursor: pointer;

    transition: background-color 0.3s ease;

}



    #activateMonitoring:hover {

        background-color: #218838;

    }



.status-message {

    margin-top: 15px;

    font-style: italic;

    color: #666;

}



.warning {

    color: #dc3545;

    font-weight: bold;

}



.info {

    color: #007bff;

    font-weight: bold;

}