p, li, span {
    font-size: 12px;
}
section.mainbody {
    padding-top: 30px;
}
.sidebar h4 {
    font-size: 12px;
    
}
h4, p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.sidebar {
    float:left;
    width: 20%;
    height: 100%;
    background-color: #eee;
    padding: 10px;
}
.main-content {
    float:right;
    width: 75%;
}
.header-logo {
    width: 20%;
    float:left;
}
.header-text {
    float:right;
    width: 75%;
    text-align:right;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
table.assessmentHeader td {
    border: 0px solid;
}
table.assessmentHeader td.caption {
    width: 20%;
}
table.assessmentHeader td.captionValue {
    width: 30%;
}
table.assessmentDetailTable td, table.assessmentDetailTable th {
    padding: 10px !important;
}
table.assessmentDetailTable td.radioPage2, table.assessmentDetailTable th.radioPage2 {
    padding: 0px !important;
}
table td.answerRadio {
    width: 50px;
    text-align: center;
}
.radioPage2 {
    padding: 0px;
}
.answerPass {
    background-color: #98FB98;
    text-align: center;
    width: 100%;
    padding: 5px;
}
.answerFail {
    background-color: red;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px;
}
header {
    margin-bottom: 40px;
}
div.logo {
    width: 25%;
    float: left;
    display: inline-block;
}
div.qrlink {
    width: 15%;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 11px;
}
div.logo img {
    max-height: 100px;
    width: auto;
}
div.headerText {
    font-size: 24px;
    font-weight: bold;
    width: 55%;
    float: left;
    display: inline-block;
}
div.headerText p {
    font-size: 13px;
    font-weight: normal;
}
table.sectionBreak {
    margin-top: 25px;
}
.breakafter {
    page-break-after: always;
}