.no-print {
    display: none !important;
}

.print-block {
    display: block;
}

.print-inline {
    display: inline;
}

.print-only {
    display: block;
}

body {
    background: white;
    color: black;
    margin: 0px;
    padding: 0;
}

a:link,
a:visited,
a:hover,
a:active {
    color: black;
    text-decoration: none;
}

header {
    background: #000;
    position: static;
    height: 70px;
    border-bottom: none;
}

header h1 {
    font-size: 18px;
}

header h1.preview-title {
    float: left;
    font-size: 12px;
}

#content article.inspection-report h1  {
    line-height: 100%;
}


#content article.inspection-report h2,
#content .inspection-information p,
#content .branch-details p,
#content ul.inspection-report-information li,
#content ul.inspection-customer-information li {
    font-size: 80%;
    line-height: 120%;
}


#content article.inspection-report h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 30px 0px 0px 0px;
}

#content article.inspection-report h3 img.report-icon {
    width: 32px;
    height: 32px;
    margin-top: -10px;
}


#content.wrap {
    max-width: 100%;
}

table.inspection-report-details {
    page-break-inside: avoid;
}

table.inspection-report-details td {
    border-bottom: 1px solid black;
    padding-left: 0px;
    font-size: 80%;
    line-height: 120%;
}

table.inspection-report-details.green td {
    border-bottom: none;
    padding-left: 0px;
    font-size: 80%;
    line-height: 120%;

}

table.inspection-report-details.green td ul {
    margin-top: 20px;
}

table.inspection-report-details.green td li.twocol {
    margin-bottom: 10px;
}

table.inspection-report-details th {
    border-bottom: 2px solid black;
    padding-left: 0px;
    font-size: 80%;
    line-height: 120%;
}

table.inspection-report-details th:first-child {
        width: 46%;
    }

table.inspection-report-details th:nth-child(2) {
        width: 27%;
    }

table.inspection-report-details th:nth-child(3) {
        width: 27%;
    }

table.red th,
table.yellow th,
table.green th {
        color: black;
        padding-left: 15px;
    }

table.red td,
table.yellow td
 {
        color: black;
        padding-left: 15px;
}

table.red td:first-child,
table.yellow td:first-child
 {
        color: black;
        padding-left: 0px;
}

.print-images {
    margin-top: 50px;
}

.print-images div {
    float: left;
    width: 49%;
    height: auto;
    margin-right: 1%;
    margin-bottom: 1%;
}

.print-images div img {
    display: block;
    width: 100%;
    height: auto;
}

.print-images div p {
    font-size: 11px;
}