GRAYBYTE WORDPRESS FILE MANAGER7184

/*
|   =========================================================
|   InvoicePlane
|   Templates Sass Stylesheet
|   =========================================================
*/
/*=========================================================*/
.clearfix:after { content: ""; display: table; clear: both; }

a { color: #375bc8; text-decoration: underline; }

body { position: relative; width: 21cm; height: 29.7cm; margin: 0 auto; color: #3A3A3A; background: #FFFFFF; font-family: sans-serif; font-size: 14px; }

header { padding: 10px 0; margin-bottom: 30px; }

#logo { text-align: right; margin-bottom: 30px; }

#invoice-logo { max-height: 125px; text-align: right; }

.invoice-title { color: #375bc8; font-size: 2em; line-height: 1.4em; font-weight: normal; margin: 20px 0; }

#company { float: right; text-align: right; width: 40%; }

#client { float: left; width: 55%; margin-right: 5%; }

.invoice-details { text-align: right; }
.invoice-details table { border-collapse: collapse; border-spacing: 0; text-align: right; width: 40%; margin: 0 0 0 auto; font-size: 12px; }
.invoice-details table td { width: auto; margin: 0; padding: 0 0 0.5em 0; }

table.item-table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; font-size: 12px; }
table.item-table tr:nth-child(2n-1) td { background: #F5F5F5; }
table.item-table th { padding: 10px 15px; border-bottom: 1px solid #606060; white-space: nowrap; }
table.item-table td { padding: 10px 15px; }
table.item-table .invoice-sums { text-align: right; }

footer { color: #878787; width: 100%; border-top: 2px solid #878787; padding: 8px 0; }

.text-right { text-align: right; }

.text-red { color: #ea5340; }

.text-green { color: #77b632; }