﻿.billing-header {
    padding: 0px 30px;
    border-bottom: solid 1px #B0BEC5;
    background: #eee;
}

.billing-row {
    margin:5px 0px 0px 30px;
    border-bottom:1px solid black;
}



.billing-form {
    margin:30px;
    border:1px solid #999;
    padding:20px;
}

.billing-col
{
    display:inline-block;
    float:left;
    width:120px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin-right:5px;
}
.billing-col--item
{
    display:inline-block;
    float:left;
    width:75%;
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin-right:5px;
    margin-top:12px;
}

.billing-col[is_sent='true'] {
    background-color:#b9f37f;
}

.billing-col--wide
{
    width:225px;
}
.billing-col--narrow
{
    width:70px;
}
.billing-col--status
{
    width:25px;
    text-align:center;
}
.billing-col--date
{
    width:100px;
}
.sub-col--edit
{
    width:20px;
}
.billing-edit-form {
    margin: 30px auto;
    width: 810px;
    border-bottom:solid 1px #000;
    padding-bottom:40px;
}
.billing-edit-row
{
    width:810px;
    height:35px;
    clear:both;
}
.billing-edit-col
{
    display:inline-block;
    float:left;
    width:33%;
}
.billing-edit-col--narrow
{
    display:inline-block;
    float:left;
    width:25%;
}