table, .noprint {
    width: 100%
}

th {
    text-align: left
}

table thead > tr > th, table tbody > tr > th, table tfoot > tr > th, table thead > tr > td, table tbody > tr > td, table tfoot > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd
}

table tfoot > tr > td {
    text-align: right
}

input[type="radio"], input[type="checkbox"] {
    margin: 8px 0 0 8px;
    cursor: pointer
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print {
        display: none !important
    }

    tr.hidden-print {
        display: none !important
    }

    th.hidden-print, td.hidden-print {
        display: none !important
    }

    .topnav, .mainnav, .footer, .contact-layer, .mainnav__hamburger, .breadcrumbs, #launcher {
        display: none !important;
    }

    #app {
        font-family: Calibri, sans-serif;
    }
}

.center {
    display: block;
    margin: 0 auto;
}

.score-result {
    position: absolute;
    line-height: 30px;
}

.qr-code {
    float: right;
    width: 150px;
}