/*For visual testing only*/ div { border: 0px solid black; } * { box-sizing: border-box; } .report-box { max-width: 800px; margin: auto; padding: 10px; /* border: 1px solid #eee;*/ /* box-shadow: 0 0 10px rgba(0, 0, 0, .15);*/ font-size: 12px; line-height: 18px; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; box-sizing: border-box; } /* Clear floats after the columns */ .report-box .row:after { content: ""; display: table; clear: both; } .report-box .column { float: left; padding-left: 10px; } .report-box .leftinfo { width: 50%; line-height: 90%; margin: 0; } .report-box .rightinfo { width: 50%; } .report-box ul.info { list-style-type: none; margin: 2px; padding: 2px; line-height: 140%; } .report-box div.center { text-align: center; } .report-box img.main { max-width:760px; max-height:550px; width: auto; height: auto; margin: 8px auto; } .report-box h1, h2, h3 { line-height: 120%; margin-top: 4px; margin-bottom: 4px; } .report-box table { width: 100%; font-size:12px; line-height: inherit; border-collapse: collapse; vertical-align: top; text-align: center; } .report-box table.normal th, td { border: 1px solid black; } .report-box table.notop th { border-style: none solid solid; border-width: 1px; } .report-box table.notop td { border-style: none solid solid solid; border-width: 1px; }