![]() Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/gositeme.com/hdinvoice3/includes/templates/invoice/ |
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
html,
body {
margin: 0;
padding: 0;
font-size: 18px;
height: 100%;
font-family: sans-serif;
line-height: 1.8;
background: #efefef
}
img {
max-width: 100%;
height: auto;
display: block;
}
#wrapper {
margin: 0 auto;
position: relative;
height: 100%;
}
#hdv_invoice {
width: 600px;
margin: 80px auto;
}
#hdv_header {
text-align: center;
background: #fefefe;
}
#hdv_header img {
margin: 0 auto;
width: 100%;
height: auto;
display: block;
text-align: center;
}
#hdv_content {
padding: 40px;
background: #fff
}
#hdv_invoice_title {
text-align: center;
margin: 0;
font-size: 1.1em;
}
#hdv_invoice_date {
text-align: center;
margin: 0;
font-size: 0.8em;
}
#hdv_line_items {
padding: 40px;
background: #f5f5f5;
color: #222;
}
#hdv_line_items h2 {
color: #222;
text-align: center;
padding-top: 0;
margin-top: 0;
}
.hdv_line_item {
padding: 8px 0 5px 0;
border-bottom: 1px dashed #ccc;
}
.hdv_line_item .last {
text-align: right
}
#hdv_totals {
padding: 40px;
background: #222;
color: #fff;
}
#hdv_totals h2 {
color: #fff;
text-align: center;
padding-top: 0;
margin-top: 0;
}
#hdv_due {
padding: 40px;
background: #2d2d2d;
color: #fff;
text-align: center;
}
#hdv_amount_due {
margin: 16px auto 0 auto;
text-align: center;
background: #fff;
color: #2d2d2d;
border-radius: 50%;
width: 115px;
height: 115px;
line-height: 115px;
font-size: 18px;
font-weight: bolder;
}
.hdv_love {
text-align: center;
margin-bottom: 22px
}
.hdv_love a {
color: #888
}
#hdv_footer {
background: #fff;
padding: 20px 40px;
text-align: right
}
#hdv_footer a {
display: inline-block
}
#hdv_footer_content {
padding: 20px 0px;
line-height: 1.4em
}
/* ------- Fluid Columns ------- */
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 64.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 67.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 3%;
float: left;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
@media only screen and (max-width: 600px) {
#hdv_invoice {
width: auto;
margin: 0;
}
#hdv_footer_content {
padding: 20px
}
#hdv_footer_content .one_half {
margin: 0;
float: none;
width: auto
}
.hdv_line_item .one_third, .hdv_line_item .two_third {
margin: 0;
float: none;
width: auto;
text-align: left
}
.hdv_line_item .one_third {
font-weight: bold
}
}
@media print {
html, body {
line-height: 1.2em;
font-size: 14px
}
#hdv_header {
max-height: 140px;
text-align: center;
margin: 0 auto;
}
#hdv_header img {
max-height: 140px;
height: 100%;
width: auto;
}
#hdv_invoice {
width: auto;
margin: 0;
}
#hdv_content {
padding: 20px
}
#hdv_line_items {
float: left;
width: 48%;
padding: 10px 40px
}
#hdv_totals {
background: #fff;
color: #000;
float: right;
width: 48%;
padding: 10px 40px
}
#hdv_due {
background: #fff;
color: #2d2d2d;
padding: 10px;
}
#hdv_amount_due {
width: auto;
height: auto;
line-height: 1em;
}
#hdv_footer {
display: none
}
}