| 776 |
lars |
1 |
/* Cubic Bezier Transition */
|
|
|
2 |
/***
|
|
|
3 |
Invoice page 2
|
|
|
4 |
***/
|
|
|
5 |
.invoice-content-2 {
|
|
|
6 |
background-color: #fff;
|
|
|
7 |
padding: 80px 70px; }
|
|
|
8 |
.invoice-content-2.bordered {
|
|
|
9 |
border: 1px solid;
|
|
|
10 |
border-color: #e7ecf1; }
|
|
|
11 |
.invoice-content-2 .invoice-head {
|
|
|
12 |
margin-bottom: 50px; }
|
|
|
13 |
.invoice-content-2 .invoice-head .invoice-logo {
|
|
|
14 |
text-align: center; }
|
|
|
15 |
.invoice-content-2 .invoice-head .invoice-logo > img {
|
|
|
16 |
float: left;
|
|
|
17 |
margin-right: 45px; }
|
|
|
18 |
.invoice-content-2 .invoice-head .invoice-logo > h1 {
|
|
|
19 |
float: left;
|
|
|
20 |
font-size: 17px;
|
|
|
21 |
font-weight: 700;
|
|
|
22 |
color: #39424a;
|
|
|
23 |
margin-top: 48px; }
|
|
|
24 |
.invoice-content-2 .invoice-head .company-address {
|
|
|
25 |
text-align: right;
|
|
|
26 |
font-size: 14px;
|
|
|
27 |
color: #7e8691; }
|
|
|
28 |
.invoice-content-2 .invoice-title {
|
|
|
29 |
font-size: 12px;
|
|
|
30 |
font-weight: 600;
|
|
|
31 |
letter-spacing: 1px;
|
|
|
32 |
color: #9ea8b7; }
|
|
|
33 |
.invoice-content-2 .invoice-desc {
|
|
|
34 |
font-size: 14px;
|
|
|
35 |
color: #4e5a64;
|
|
|
36 |
font-weight: 600; }
|
|
|
37 |
.invoice-content-2 .invoice-desc.inv-address {
|
|
|
38 |
font-size: 13px;
|
|
|
39 |
color: #7e8691;
|
|
|
40 |
font-weight: 400; }
|
|
|
41 |
.invoice-content-2 .invoice-desc.grand-total {
|
|
|
42 |
font-size: 16px;
|
|
|
43 |
font-weight: 700; }
|
|
|
44 |
.invoice-content-2 .invoice-cust-add {
|
|
|
45 |
margin-bottom: 50px; }
|
|
|
46 |
.invoice-content-2 .invoice-body .text-center {
|
|
|
47 |
text-align: center; }
|
|
|
48 |
.invoice-content-2 .invoice-body tr:last-child {
|
|
|
49 |
border-bottom: 1px solid #e7ecf1; }
|
|
|
50 |
.invoice-content-2 .invoice-body th, .invoice-content-2 .invoice-body td {
|
|
|
51 |
vertical-align: middle;
|
|
|
52 |
padding-left: 40px;
|
|
|
53 |
padding-right: 40px; }
|
|
|
54 |
.invoice-content-2 .invoice-body th:first-child, .invoice-content-2 .invoice-body td:first-child {
|
|
|
55 |
padding-left: 0; }
|
|
|
56 |
.invoice-content-2 .invoice-body th:last-child, .invoice-content-2 .invoice-body td:last-child {
|
|
|
57 |
padding-right: 0; }
|
|
|
58 |
.invoice-content-2 .invoice-body h3 {
|
|
|
59 |
font-size: 14px;
|
|
|
60 |
font-weight: 600;
|
|
|
61 |
color: #4e5a64;
|
|
|
62 |
margin-bottom: 0; }
|
|
|
63 |
.invoice-content-2 .invoice-body p {
|
|
|
64 |
font-size: 13px;
|
|
|
65 |
color: #7e8691; }
|
|
|
66 |
.invoice-content-2 .print-btn {
|
|
|
67 |
float: right;
|
|
|
68 |
font-size: 14px;
|
|
|
69 |
font-weight: 600;
|
|
|
70 |
letter-spacing: 1px; }
|
|
|
71 |
|
|
|
72 |
@media (max-width: 1024px) {
|
|
|
73 |
.invoice-content-2 .invoice-head .invoice-logo > img {
|
|
|
74 |
width: 130px;
|
|
|
75 |
margin-top: 26px; } }
|
|
|
76 |
|
|
|
77 |
@media (max-width: 991px) {
|
|
|
78 |
.invoice-content-2 {
|
|
|
79 |
padding: 40px 30px; } }
|
|
|
80 |
|
|
|
81 |
@media (max-width: 480px) {
|
|
|
82 |
.invoice-content-2 .invoice-head .invoice-logo > h1 {
|
|
|
83 |
margin-top: 10px; }
|
|
|
84 |
.invoice-content-2 .invoice-head .company-address {
|
|
|
85 |
font-size: 12px; } }
|