\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7<F<2PFAFZUP_xxnnx\F5\AF\B9\91\C8\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\DB\00CUZZxix‚\EB\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\FF\C0\00\00b\00d\00\FF\C4\00\00\00\00\00\00\00\00\00\00\00\00\00\00\FF\C4\00\00\00\00\00\00\00\00\00\00\001A!Q\FF\C4\00\00\00\00\00\00\00\00\00\00\00\00\00\FF\C4\00\00\00\00\00\00\00\00\00\00!1AQ\FF\DA\00\00\00?\00\F6\00\00\00\00\00\00\00\00\00\00\A0\00\00\C5\CF\F8\E7Ó\FCjD~\B9^\AD\%\B3]\D8cs-\BBs,-\A0\00"\80\00%\B83rÏ^K~F\A4ea\00E\00\C6\EE=u\B1\9B\D1\00@\00r\BE8\F9:\FE5#.M\00\E7\CB\C9q\CBq\D6\F2\BE\B7\C7>\C9n5×\D6?\BDê\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7	\8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh
\00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2€
\00$\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95
59\A3R:\F3\CE"\B6\80\88\00\00i1u4ê\E9\F2á\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>C///</title>
</head>
$invoice-wrap-xy: 1.25rem !default;
$invoice-wrap-xy-desk: 3rem !default;
$invoice-margin-bottom: 1.5rem !default;

/// Invoice
/////////////////////// 
.invoice {
    position: relative;
    &-wrap {
        padding: $invoice-wrap-xy;
        border: 1px solid $border-color;
        border-radius: $border-radius;
        background: $white
    }
    &-action {
        position: absolute;
		@if($rtl==false){
			right: 1.25rem;
		}
		@if($rtl==true){
			left: 1.25rem;
		}
        top: 1.25rem;
    }
    &-brand {
        padding-bottom: $invoice-margin-bottom;
        img {
            max-height: 60px;
        }
    }
    // Billing Table
	&-bills {
		font-size: $fx-sz-12;
		.table {
			min-width: 580px;
			th {
				color: $accent-color;
				font-size: $fx-sz-12;
				text-transform: uppercase;
				border-top: 0;
			}
			th, td {
				&:last-child {
					@if($rtl==false){
						text-align: right;
					}
					@if($rtl==true){
						text-align: left;
					}
				}
			}
			tfoot {
				border-top: 1px solid $border-color;
				td {
					border-top: 0;
				    white-space: nowrap;
				    padding-top: .25rem;
				    padding-bottom: .25rem;
				}
				tr:last-child td:not(:first-child), tr:first-child td:not(:first-child) {
					font-weight: $fw-medium;
					padding-top: 1.25rem;
				    padding-bottom: .25rem;
				}
				tr:last-child td:not(:first-child) {
					border-top: 1px solid $border-color;
					padding-top: .25rem;
				    padding-bottom: .25rem;
				}
			}
		}
	}
	
	// Billing Info
	&-head {
        padding-bottom: $invoice-margin-bottom;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    &-desc {
    	width: 210px;
    	padding-top: $invoice-margin-bottom;
        .title {
            text-transform: uppercase;
            color: $accent-color;
        }
        ul {
            li{
                padding: .25rem 0;
            }
            span{
            	font-size: $fx-sz-13;
                font-weight: $fw-medium;
                color: 