.inv-body, .inv-body * {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:13px;line-height:18px;}
.inv-prof {display:block;clear:both;width:100%;margin:0;}
.inv-prof .inv-inside {float:left;display:block;clear:both;width:100%;margin:0px 0 10px 0;border:1px solid rgba(0,0,0,0.08);box-shadow:2px 2px 10px rgba(0,0,0,0.05);border-radius:3px;padding:20px;background:#fff;}
.inv-prof .inv-inside h2 {font-size:20px;margin:0 0 5px 0;}
.inv-prof .inv-inside h3 {font-size:16px;margin:0 0 10px 0;}
.inv-list {float:left;clear:both;width:100%;margin:20px 0;}

.inv-form, .inv-form form, .inv-form .inv-row, .inv-form .inv-row label, .inv-form .inv-help {float:left;clear:both;width:100%;}
.inv-form {padding:20px;background:#f0f0f0;margin:15px 0 25px 0;}
.inv-form .inv-row {margin:0 0 15px 0;}
.inv-form .inv-row:last-child {margin:0;}
.inv-form .inv-row label {margin:0 0 3px 0;font-weight:bold;}
.inv-form .inv-row input {float:left;width:240px;max-width:100%;margin:0;}
.inv-form .inv-row textarea {float:left;width:340px;max-width:100%;margin:0;min-height:140px;max-height:240px;}
.inv-form .inv-row .inv-help {margin:3px 0 0 0;font-size:12px;color:#888;line-height:14px;width:340px;max-width:100%;}
.inv-form .inv-button {float:left;font-size:14px;padding:10px 20px;background:#666;border:none;line-height:16px;outline:none;box-shadow:none;font-weight:bold;margin:0;transition:0.1s;color:#fff;text-decoration:none;}
.inv-form .inv-button:hover {background:#333;color:#fff;text-decoration:none;}

.inv-table-invoices {float:left;clear:both;width:100%;font-size:12px;overflow-x:auto;}
.inv-table-invoices .inv-table-wrap {float:left;clear:both;width:100%;min-width:720px;}
.inv-table-invoices .inv-col {float:left;padding:8px;}
.inv-table-invoices .inv-head-row {display: inline-block; width: 100%; clear: both; border: none; font-weight: normal; vertical-align: top; border-bottom: solid 1px #a0d0eb; color: #555; font-size: 12px;}
.inv-table-invoices .inv-row {display: block; width: 100%; clear: both; float: left; background: #FCFDFE; font-size: 12px; border-bottom: 1px solid #EAEDEF;min-height:34px;}
.inv-table-invoices .inv-row:nth-child(odd) { background: #fff; }
.inv-table-invoices .inv-row:hover { background: #f4f8fb; }
.inv-row.inv-row-empty {text-align:center;padding:30px 25px 20px 25px;}
.inv-row.inv-row-empty i {color: #dedede; display: block; clear: both; font-size: 80px; text-shadow: #fff 1px 1px 0;}
.inv-row.inv-row-empty span {text-align: center; display: block; color: #999;font-size:14px;}
.inv-col.id {width:12%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inv-col.to {width:30%;}
.inv-col.date {width:12%;color:#888;}
.inv-col.duedate {width:12%;color:#888;}
.inv-col.amount {width:10%;font-weight:bold;}
.inv-col.balance {width:10%;}
.inv-col.download {width:14%;}
.inv-download-button {transition:0.1s;text-decoration:none;float:right;border-radius: 3px; background: #888; font-size: 12px; font-weight: 500; padding: 4px 8px 2px 8px; color: #fff; border-bottom: 2px solid rgba(0,0,0,0.15); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all;}
.inv-download-button.inv-disabled {opacity:0.6;cursor:not-allowed;color:#fff;}
.inv-download-button.inv-disabled:hover {opacity:0.6;cursor:not-allowed;color:#fff;}
.inv-download-button:not(.inv-disabled):hover {background:#666;text-decoration:none;color:#fff;}

@media screen and (max-width: 767px) {

}