.g-invoice { background: #fff; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.35; } .g-invoice table { width: 100%; border-collapse: collapse; } .g-top { margin-bottom: 22px; } .g-brand { vertical-align: top; width: 62%; } .g-brand img { height: 68px; width: auto; } .g-box { background: #00a050; color: #fff; width: 230px; margin-left: auto; padding: 14px 16px 16px; text-align: center; } .g-box .g-box-title { font-size: 28px; letter-spacing: 1px; font-weight: 700; margin-bottom: 8px; } .g-box div { font-size: 12px; line-height: 1.45; } .g-parties { margin: 8px 0 18px; } .g-parties td { width: 50%; vertical-align: top; padding-right: 16px; font-size: 13px; } .g-party-label { font-weight: 700; margin-bottom: 4px; } .g-lines { margin-top: 8px; } .g-lines th { background: #00a050; color: #fff; font-weight: 700; text-align: left; padding: 7px 8px; font-size: 12px; letter-spacing: .03em; } .g-lines td { border: 1px solid #d5d5d5; padding: 6px 8px; } .g-lines .center { text-align: center; } .g-lines .right { text-align: right; } .g-sum { margin-top: 0; } .g-sum td { padding: 4px 8px; } .g-sum .label { width: 190px; text-align: right; font-weight: 700; } .g-sum .amt { width: 120px; text-align: right; border: 1px solid #d5d5d5; font-weight: 700; } .g-sum .due-label { background: transparent; color: #222; } .g-sum .due { background: #00a050; color: #fff; border-color: #00a050; } .g-words { margin: 16px 0 8px; } .g-note { color: #333; font-size: 12px; margin: 8px 0 18px; } .g-thanks { text-align: center; color: #00a050; font-size: 26px; font-style: italic; font-weight: 700; margin: 28px 0 18px; } .g-foot { border-top: 1px solid #bfbfbf; padding-top: 8px; text-align: center; color: #444; font-size: 11px; line-height: 1.45; }