body {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        p {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
        }
        
        
        h1 {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px;
        }

        h2 {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
        }

        h3 {
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px;
            padding-left: 5px;
            padding-top: 5px;
            padding-bottom: 5px;
        }

        button {
            background-color: rgb(207, 207, 207);
            font-family: 'Arial';
            font-size: 20px;
            font-weight: bold;
            margin: 5px;
        }

        img {
            width: 100%;
            width:225px;
            height:auto;
            cursor: zoom-in;  
            padding-top: 5px;
            padding-right: 5px;
            padding-bottom: 5px;  
            padding-left: 5px;            
          }


        .top-container {
            background-color: #f1f1f1;
            padding-left: 5px;
            padding-top: 0px;
            padding-bottom: 5px;
            text-align: left;
        }

        .header {          
            background: #555;
            color: #f1f1f1;
            margin: 0px;
            padding-left: 5px;
            padding-top: 0px;
            padding-bottom: 0px;
            font-family: 'Arial';
            font-size: 20px;
            font-weight: bold;      

        }

        .header2 {          
            background: #555;
            color: #f1f1f1;
            margin: 0px;
            padding-left: 5px;
            padding-top: 0px;
            padding-bottom: 0px;
            font-family: 'Arial';
            font-size: 20px;
            font-weight: bold;     
        }

        .content {
            padding: 5px;
        }

        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
        }


        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
        }

        td, th {
            border: #555 1px solid;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }

        .hoverTable {
            border-collapse: collapse;
        }

            .hoverTable td {
                padding: 7px;
                border: #555 1px solid;
            }

            /* Define the hover highlight color for the table row */
            .hoverTable tr:hover {
                background-color: #ffff99;
                cursor: pointer;
            }