<style type="text/css">
<!--

<style>
body { font-size: 100%; }

#history {
    font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
    font-size: normal;
    border-collapse: collapse;
    width: 100%;
}

#history td, #history th {
    border: 1px solid #ddd;
    padding: 8px;
}

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

#history tr:hover {background-color: #ddd;}

#history th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #aaffaa;
    color: #000080;
}

#pathreport {
    font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;
    font-size: normal;
    border-collapse: collapse;
    width: 100%;
}

#pathreport td, #pathreport th {
    border: 1px solid #ddd;
    padding: 8px;
}

#defstat {
    background-color: #ddddff;
}

#maintainability {
    padding-top: 0pt;
    background-color: #ffdfbf;
}

#location {
    background-color: #ffffdd;
}



@media screen and (width >= 600px) {
  .wrapper {
    display: flex;
  }

  .col1 {
    flex: 1;
    margin-right: 5%;
  }

  .col2 {
    flex: 2;
  }
}
-->
</style>