<style>
    .header h4 {
        position: relative;
        top: 0.9em;
    }
    .header h2 {
        text-transform: uppercase;
        font-size: 14px;
        color: #aaa;
        margin: 0.75em 0;
    }
    .header p {
        font-size: 24px;
        color: black;
        font-weight: 600;
    }

    #totals td {
        font-size: 20px;
        color: black;
        font-weight: 600;
        padding-right: 15px;
    }
</style>

<div class="row header">
    <div class="col-xs-1">
        <div class="<%= nodecolors.statuscolor %> nodecolor"></div>
    </div>

    <div class="col-xs-2">
        <img src="<%= nodeimgurl %>" />
    </div>

    <div class="col-xs-4">
        <h4><%= node.vanityname %></h4>
    </div>

    <div class="col-xs-4">
        <h2>Totals</h2>
        <table id="totals">
                <tr><td>Today:</td><td><%= Math.round(channels['transferlite.ft01_flowmeter_bpd_today'].value) %> BBL</td></tr>
                <tr><td>Yesterday:</td><td><%= Math.round(channels['transferlite.ft01_flowmeter_bpd_yesterday'].value) %> BBL</td></tr>
        </table>
        
    </div>
</div>
