/* 
========================================================================
KARTRIS by cactusoft
Copyright 2020 CACTUSOFT - www.kartris.com
This work is licensed under a
Creative Commons Attribution-ShareAlike 3.0 Unported License

http://creativecommons.org/licenses/by-sa/3.0/deed.en_GB
========================================================================
*/
/* 
========================================================================
GENERAL
========================================================================
*/
html                { height: 100%; background-color: #fff; padding: 0; }
body                { font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 8pt; font-weight: normal; color: #000; padding: 50px 0 0 0; margin: 0; }
h1                  { font-size: 13pt; font-weight: bold; color: black; }
table               { border-collapse: collapse; width: 100%; }
table td            { padding: 5px 0 5px 0px; text-align: right; vertical-align: top; }
table th            { padding: 5px 0 5px 0; border-top: solid 1px black; border-bottom: solid 1px black; text-align: right; }
#invoice            { padding: 20px; width: 600px; }
#topinfo            { display: block; border-top: solid 1px black; }
#midinfo            { clear: both; display: block; }
.box                { width: 190px; margin-right: 10px; float: left; height: 150px; }
.pad                { padding: 10px 10px 10px 0px }
.col1               { width: 30%; text-align: left; }
.col1 div           { margin: 5px 0 0 10px }
.fullline           { font-weight: bold; text-align: left; width: 100%; }
.section            { border-top: solid 1px black }
#processcurrency td,
#total td           { font-weight: bold; border-top: solid 1px black; border-bottom: solid 1px black; }
.box strong         { display: block; padding-bottom: 5px; }
#customercomments   { width: 100% }
.label              { display: block; float: left; width: 100px; }
.value              { }
.bold               { font-weight: bold }
/* 
========================================================================
PRINT AND BACK BUTTONS
========================================================================
*/
#invoice-control-buttons                { position: fixed; top: 0px; width: 100%; padding: 3px 20px; margin-bottom: 20px; background-color: #fff; border-bottom: solid 1px #999; box-shadow: #ccc 0 2px 2px }
a                                       { text-decoration: none; font-family: Segoe UI,Verdana,Arial,Helvetica; font-size: 13px; font-weight: normal; color: #333; padding: 0; margin: 0; }
a:hover                                 { text-decoration: none; color: #000; }
a:active                                { outline: none }
.squarebuttons a:visited,
.squarebuttons a:link                   { cursor: pointer; font-weight: normal; display: inline-block; height: 24px; overflow: hidden; padding: 5px 10px 0 31px; margin: 0 1px 0 0; color: #000; background-color: #ddd; background-position: left -1px; background-repeat: no-repeat;  }
.squarebuttons a.printbutton:visited,
.squarebuttons a.printbutton:link       { background-image: url(Images/button_print.png); }
.squarebuttons a.backbutton:visited,
.squarebuttons a.backbutton:link        { background-image: url(Images/button_back.png); }
.squarebuttons input:hover,
.squarebuttons a:hover                  { background-color: #fc5; cursor: pointer; }
/* 
========================================================================
PRINT MEDIA
Set page break so one invoice per page and hide the buttons
========================================================================
*/
@media print {
    .pagebreak {page-break-after: always;}
    #invoice-control-buttons { display: none; }
    body { padding: 0; }
}