invoice.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. .invoice-page {
  5. padding: 2.2rem;
  6. }
  7. .invoice-page .recipient-contact i,
  8. .invoice-page .company-contact i {
  9. padding-right: 0.2rem;
  10. position: relative;
  11. top: 2px;
  12. }
  13. .invoice-page .recipient-info p,
  14. .invoice-page .company-info p,
  15. .invoice-page .company-contact p,
  16. .invoice-page .recipient-contact p {
  17. line-height: 2;
  18. margin-bottom: 0;
  19. }
  20. .invoice-page .invoice-items-table table,
  21. .invoice-page .invoice-total-table table {
  22. border: 2px solid #f8f8f8;
  23. }
  24. @media print {
  25. .content-header,
  26. .buy-now,
  27. .btn-print,
  28. .footer,
  29. .open,
  30. .main-menu,
  31. .invoice-print {
  32. display: none;
  33. }
  34. .app-content,
  35. #invoice-template,
  36. .navbar-container,
  37. .navbar-wrapper,
  38. .header-navbar,
  39. .invoice-print,
  40. .content-wrapper {
  41. margin: 0 !important;
  42. padding: 0 !important;
  43. }
  44. #invoice-footer {
  45. position: relative;
  46. top: -80px !important;
  47. }
  48. #invoice-company-details,
  49. #invoice-footer {
  50. margin-top: 5rem !important;
  51. }
  52. .table-responsive {
  53. -ms-overflow-style: none;
  54. }
  55. }
  56. @page {
  57. margin: 10px;
  58. }