/*
Based on Horizon Invoice Template
Adapted by Sally Jenkinson - sallyjenkinson.co.uk - @sjenkinson
*/

/*=========================== TYPOGRAPHY =========================*/

#invoice p, #invoice h2, #invoice h3{margin:0}
#invoice {font-family: Helvetica, Tahoma,  sans-serif; color: #888;line-height:1.5}
#invoice h1 {margin: 0;color: #000;text-transform: uppercase;}
#invoice h2, #invoice h3 {color:#000; text-transform: none; line-height:1.2;margin-top:10px}

#invoice #invoice-info h3, #payment-due {margin:0; font-size:12pt; font-weight:normal;color:#999}
#invoice #invoice-info h3{padding-right:8px;}
#payment-due:before{content:"("}
#payment-due:after{content:")"}
#invoice #invoice-info h2 {margin:0 0 3px 0; color:#000; font-size:13pt; font-weight:bold }
#invoice-info #idComprobante{font-size:13pt; color:#910000; font-weight:bold; line-height:1.3}
#invoice h2 {font-size:12pt}

#company-address, #client-details, #payment-details, #invoice-other, #invoice-amount td, th,  #invoice-info {font-size:9pt}
#company-address{text-align:right}
#invoice .fn, #invoice .org{color:#000}

#invoice #invoice-terms h2{margin-bottom:3px}
#invoice #invoice-terms h3{margin-top:0;margin-bottom:5px;font-weight:normal;font-style:italic; color:#666; font-size:9pt}

#invoice .total{font-size:12pt;}
#comments {margin-top:15px;line-height:1.2; color:#646464; font-size:10pt;
}

#invoice-other{text-align:right}
#payment-details strong, #invoice-other strong{font-weight:normal}

.fn, .org {
    font-weight:bold;
}

/*=========================== LAYOUT =========================*/

#invoice{padding:0 1cm 1cm 1cm;background:#fff url('../images/headerstripe.png') left top repeat-x}
#invoice-header #company-address {float:right; width:250px;clear:right; margin-top:10px;}
#invoice-header h1{float:left; width:350px; color:#000; margin:5px 0 0 0}
#invoice-header{padding-top:1cm; }
#invoice-header .logo {float:right;}
#invoice-blank-header {margin-top: 1.6cm;}
#client-details{float:left; width:330px;  margin-top:0.6cm;margin-bottom:20px }
#invoice-info {
    width:270px; padding:10px; background:#efefef; border:0px; z-index:10;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
#invoice-info th{text-align:right}
#payment-due, #invoice-info h3 {display:inline}
#payment-terms{display:none}
#invoice-amount {margin: 2em 0 2em 0; clear: both;}

#payment-details{width:300px; float:left; margin-bottom:5mm;}
#invoice-other{width:330px;clear:both; float:right;margin-bottom:5mm;}
#invoice-other h2, #payment-details h2 {margin-bottom: 1mm;}

#comments{
    clear:both; padding:9px 0.4cm 9px 0.4cm; background:#eee; border:0px; vertical-align:bottom; line-height:1.2;zoom:1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#comments p {padding:10px 0;}

/*=========================== TABLES =========================*/

#invoice table { border-collapse:collapse; width:100%; clear:both;}
#invoice table th {text-align:left; padding:10px 4px;}
#invoice #header_row th{background:#2872ba; color:#fff; border-top:0;}
#invoice-amount td.action{border-bottom:0;}
#invoice-amount tr.odd td{background:#fff;}

#invoice-amount .quantity_th{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding-left:7px;
}
#invoice-amount .subtotal_th{
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding-right:7px;
}

#invoice-amount #total_tr td{border-bottom:0}
#invoice-amount #vat_tr td{border-bottom:1px solid #999}
#invoice-amount tbody td {white-space: nowrap;margin: 0;vertical-align: center; border-bottom:1px solid #C9C9C9;}

#invoice-amount td {margin:0; padding: 10px 5px; vertical-align: top; }
#invoice-amount td.item_r{text-align: right;}
#invoice-amount td.item_l{text-align: left;white-space: normal; }
#invoice-amount td.total{text-align: right;font-weight: bold; font-size:12pt; color:#910000;}

#invoice-amount tfoot td{padding:15px 4px 0px 4px; color:#000}
#vat_tr td {padding-bottom:20px!important;}
#discount_tr td, #vat_tr td, #net_total_tr td {font-weight:bold; color:#555!important;};

#invoice-amount .details_th{width:44%}
#invoice-amount .details_notax_th{width:52%}
#invoice-amount .quantity_th{width:13%}
#invoice-amount .subtotal_th{width:18%; text-align:right}
#invoice-amount .unitprice_th{width:17%; text-align:right}
#invoice-amount .salestax_th{width:8%; text-align:center}