/* 
    Document   : print
    Created on : 26-Feb-2014, 18:00:03
    Author     : Dario
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.viewOrder{
    float:left;
    font-family: Arial;
    font-size: 0.9em;
    width:800px;
    text-align: justify;

    page-break-after: auto;
    page-break-inside: avoid;
}

.viewOrder h1{
    text-align: center;
    margin:10px 0;
    float:left;
    width: 100%;
    font-size: 2em;
}

.viewOrder h2{
    text-align:left;
    width:45%;
    margin:10px;
}

.viewOrder h2.orderNo{
    float:left;
    margin: 10px 0 10px 5%;
}

.viewOrder h2.supplierName{
    float:right;
    text-align: right;
    margin: 10px 5% 10px 0;
}

.viewOrder label{
    float:left;
    width:20%;
    margin:1% 2% 0 2%;
}

.viewOrder span{
    float:left;
    width:20%;
    margin: 1% 2% 0 2%;
}

.viewOrder span.notes{
    width:60%;
}

.viewOrder label.prodLabel{
    margin: 2%;
}

.viewOrder .products{
    float:left;
    width:100%;
    margin: 1% 0 1% 0;
    page-break-after: auto;
    page-break-inside: avoid;
}

.products span{
    float:left;
    font-size:0.8em;
    width:7.5%;
    margin:1% 2%;
}

.wrapper .content .viewOrder .product{
    clear:both;
    float: left;
    font-size: 0.8em;
    width: 37.5%;
    margin: 1% 2%;
}

.viewOrder .total{
    float:right;
    width:30%;
}

.viewOrder .line{
    float: left;
    width: 100%;
    border: thin solid black;
    margin:1% 0;
}

.viewOrder .edit{
    visibility: hidden;
}

.viewOrder .delete{
    visibility: hidden;
}

.content .toPrint{
    float:left;
    font-family: Arial;
    font-size: 0.9em;
    width:800px;
    text-align: left;

    page-break-after: auto;
    page-break-inside: avoid;
}

.toPrint .field{
    float:left;
    width:100%;
    border-bottom: thin solid black;
    
    page-break-after: auto;
    page-break-inside: avoid;
}

.toPrint .field span{
    float:left;
    padding:5px 5px;
    overflow-x: auto;
} 

.toPrint .code{
    width:6.12%;
}

.toPrint .prodName{
    width:16.375%;
}

.toPrint .brand{
    width:11.25%;
}

.toPrint .weight{
    width: 8%;
}

.toPrint .expiry{
    width:  11.19%;
} 

.toPrint .totalCost{
    width: 8%;
}

.toPrint .totalSelling{
    width: 8%;
}

.toPrint .totalProfit{
    width:8%;
}

.toPrint .supName{
    width:11.375%;
}