/****************************
    TCPOS print.css
    08.12.2015
    v 0.1

    !!! DO NOT CHANGE except for colors. !!!

****************************/

* {
    color:black;
    font-family: sans-serif;
    -webkit-print-color-adjust:exact;
}

html, body {
    width: 210mm;
    height: 297mm;
    margin: 0;
    padding: 0;
}

.rotate {
    -webkit-transform: rotate(3.5deg);
    -moz-transform: rotate(3.5deg);
    -o-transform: rotate(3.5deg);
    -ms-transform: rotate(3.5deg);
    transform: rotate(3.5deg);
}

table:not(#tblTransactions) {
    display : none;
}

#menu,
#transactionsHeader {
    display : none;
}

#chooseDateRange {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 16px 0;
    padding: 0;
    color: black;
    font-weight: 700;
}

#edStartDate,
#edEndDate {
    display:none;
}

#logoPrint {
    display: block;
    max-height: 20%;
    max-width: 50%;
    margin-right: 5%;
    float: right;
    -webkit-print-color-adjust:exact;  
}

#lblPrintInfo {
    font-size: 28px;
    float: left;
    display: block;
    padding-top: 5%;
    padding-bottom: 3%;
}

#onlyPrint {
    overflow: hidden; 
    width: 100%;
}

#printFooter {
    width: 210mm;
    height: auto;
    bottom: 0!important;
    left: 0!important;
    display: block;
    position: static;
}

#footerPrint {
    width:210mm;
    height: auto;
}

#transactions {
    width: 100%;
    border-collapse: collapse;
    float: left;
}

#transactions tr.head {
    display: none;
    page-break-inside: avoid;
}

#transactions tr {
    margin-bottom: 15px;
    margin-left: 5%;
    padding: 16px;
    float: left;
    padding-top: 7%;
    page-break-inside: avoid;
}

#transactions tr th {
    color: #000;
    padding: 5px;
    border: 2px solid #000;
    page-break-inside: avoid;

}

#transactions #transOverview tr {
    float:left;
   
}

#transactions #transactionArticles {
    display:none;
}

#transactions tr td {
    display: block;
    width: 100%;
    margin-bottom: 5px;

}

#transactions tr td:before {
    font-weight: 700;
}

#transactions tr td:first-child:before {
    content: "Rechnungsdatum: ";
}

#transactions tr td:nth-child(2):before {
    content: "Rechnungsnummer: ";
}

#transactions tr td:nth-child(3):before {
    content: "Kiosk: ";
}

#transactions tr td:nth-child(4):before {
    content: "Kasse: ";
}

#transactions tr td:nth-child(5):before {
    content: "Start Saldo: ";
}

#transactions tr td:nth-child(6):before {
    content: "Zahlung: ";
}

#transactions tr td:nth-child(7):before {
    content: "Aufladung: ";
}

#transactions tr td:nth-child(8):before {
    content: "End Saldo: ";
}

#transactions tr.showTransArticles td {
    cursor: pointer;
}

#transactions tr.transactionArticles td {
    border: 0;
}

body 
{
    padding: 3%;
    width: 670px;
    background-color:#FFFFFF; 
    overflow-x:hidden;
    width: 100%;
    position: relative;
}

//Chrome additional information fix
@page 
{
    size: A4;   
    margin: 0mm;
}

//Firefox print fix
@-moz-document url-prefix() {
    #logoPrint {
        padding-bottom: -5%;
    }
    #fontLogoPrint {
        padding-bottom: -5%;
    } 
}




