File: /home/awaldron/_accomods/api.accomods.com/monitorformpdf.html
<html><head><style type="text/css">body{margin: 0; padding: 0; font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .pdf-header{color: #3E787D; font-weight: 700; border-top: solid 6px #97B92E; text-align: right; height: 75px; padding-top: 8px; margin-bottom: 30px; line-height: 1.2em;}.pdf-body{ margin: 0 10px; page-break-after: always;}h3, .h3{font-size: 1.75rem;}.pdf-body h4{margin-top: 40px;}a, a:link, a:active, a:visited{color: #97B92E; text-decoration: none;}.row{ width:100%; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.col-sm-6{flex: 0 0 50%; max-width: 50%;}.option-list h4{color: #3E787D; border-bottom: solid 1px #787985;}.select-table{width: 100%; page-break-after: always;}table{border-collapse: collapse;}.select-table td:nth-child(1), .select-table th:nth-child(1){width: 60px;}.select-table thead tr th, .select-table tbody tr:first-child td{border-top: solid 1px #787985;}.select-table thead tr th, .select-table tbody tr td{line-height: 38px; padding: 0 8px;}.select-table td:nth-child(2), .select-table th:nth-child(2){width: auto;}.select-table tbody tr:nth-child(odd){background-color: #f4f6f9;}.select-table td:nth-child(1), .select-table th:nth-child(1){width: 60px;}.select-table tbody tr td{border-bottom: solid 1px #d8dfe9;}.option-list div{display: block;overflow: auto;margin-bottom:6px;}.option-list div img{display:block;float:left;width: 23px;margin-right: 12px;}.option-list div div{display:block;float:left;width: calc(100% - 45px);}h2, .h2{font-size: 2rem;}h1, h2, h3, h4, h5{color: #3E787D;}.pdf-body h4{color: #000;}.select-table{width: 100%;}.select-table-title{color: $color-blue; padding-bottom: 10px;}.select-table thead tr th, .select-table tbody tr td{line-height: 38px; padding: 0 8px;}.select-table thead tr th, .select-table tbody tr:first-child td{border-top: solid 1px #787985;}.select-table thead tr td{border-bottom: solid 1px #787985;}.select-table tbody tr td{border-bottom: solid 1px #d8dfe9;}.select-table tbody tr:nth-child(odd){background-color: #f4f6f9;}.select-table td:nth-child(1), .select-table th:nth-child(1){width: 60px;}.select-table td:nth-child(2), .select-table th:nth-child(2){width: auto;}.select-table td:nth-child(3), .select-table th:nth-child(3){width: 120px;}.container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .written-field { border-top: solid 1px #787985; margin: 10px 0; } th { text-align: left; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
</style></head><body>
<div class="acco-modal-content"><div class="pdf-header"><div class="container"><div class="row">
<div class="col-sm-6" style="text-align:left;"><img src="http://api.accomods.com/logo.png" style="width:225px;height:44px;" /></div>
<div class="col-sm-6 blue" style="text-align:right;"><div style="padding-right:30px;">Accommodation Monitoring Form</div></div>
</div></div></div>
<div class="container">
<div class="row">
<div class="col-sm-7">
<div class="written-field"> Student Name</div>
</div>
<div class="col-sm-1"> </div>
<div class="col-sm-4">
<div class="written-field"> Date</div>
</div>
</div>
</div></body></html>