@media print {
    div#printBtn { display: none; }
    div#printInvoice { width: 100%; }
}
@media screen {
    .freebox { 
        margin: 20px; 
        width: 1024px;
    }
}


table { width: 100%; font-size: 12px; }
/*table tr td { border: 1px solid #c0c0c0; }*/
table tr td { padding: 0 3px; }
h4.title {
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
}
.lkk-separator {
    text-align: center;
    width: 20px;
}
.table-separator {
    border: none !important;
}

table#lkkHeader .lkk-key {
    width: 25%;
}
table#lkkHeader .lkk-value {
    width: 40%;
}
table#lkkHeader .lkk-value ol {
    padding: 10px 10px 10px 5px;
}
table#lkkHeader .lkk-key2 {
    width: 50px;
}


table#lkkBody .lkk-auto-number {
    width: 50px;
}
table#lkkBody .lkk-key {
    width: 40%;
}

table#lkkSubtable { width: 100%; }
table#lkkSubtable tr th { text-align: center; }
table#lkkSubtable tr th, 
table#lkkSubtable tr td { 
    border: 1px solid #333 !important;
}

table#lkkSubtable .lkksub-auto-number {
    width: 35px;
}
table#lkkSubtable .lkksub-key {
    width: 40%;
}
table#lkkSubtable .lkksub-side {
    width: 70px;
}

table#lkkFooter { width: 100%; }
table#lkkFooter tr td { width: 50%; text-align: center; }
h6.lkk-tembusan {
    text-transform: uppercase;
    text-decoration: underline;
}
ol.lkk-list-tembusan li {
    line-height: 15px;
}

p.end { font-size: 12px; text-align: center; }