div#container
{
   width: 1280px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
@media only screen and (max-width: 1280px)
{
div#container
{
   width: 1280px;
}
body
{
   background-color: #000000;
}
}
   #result .panel {
      display: none; 
      width: 100%;
      height: 100%;
      color: white;
   }

   #result .panel.active {
      display: block;
   }
   
   /* Define a container to hold the two columns */
   .container {
      display: flex; /* Use flexbox for layout */
   }

   /* Define styles for left column */
   .left-column {
      //width: 40%;
      flex: 45%;
      //flex: 1; /* Make the left column take up half of the container */
      background-color: #000000; /* Add background color for clarity */
      padding: 5px; /* Add padding for spacing */
      display: flex; /* Use flexbox for centering */
      justify-content: center; /* Center contents horizontally */
      align-items: center; /* Center contents vertically */
      text-align: center; /* Center-align text */
   }
   
   .table-container {
      width: 100%; /* Each table takes up 50% of the left division */
      float: left; /* Float tables to the left */
   }

   /* Define styles for right column */
   .right-column {
      //width: 60%;
      flex: 55%;
      //flex: 1; /* Make the right column take up half of the container */
      display: flex; /* Use flexbox for centering */
      background-color: #e0e0e0; /* Add background color for clarity */
      padding: 0px; /* Add padding for spacing */
   }

   /* Style for the table */
   table {
      width: 80%; /* Set width of the table */
      //border-collapse: collapse;
      margin: 0 auto;
      //width: 100%;
   }
   iframe {
      width: 100%;
      height: 100%;
      border: none; /* Remove border */
   }