﻿body {
}

.pdf-page {
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);
    background-color: #fff;
    color: #333;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1 !important;
    overflow: hidden;
    font-family: arial;
}

.pdf-header {
    position: absolute;
    top: .5in;
    height: .6in;
    left: .5in;
    right: .5in;
    border-bottom: 1px solid #e5e5e5;
}

.invoice-number {
    padding-top: .17in;
    float: right;
}

.pdf-footer {
    position: absolute;
    bottom: .5in;
    height: .6in;
    left: .5in;
    right: .5in;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
    color: #787878;
    font-size: 12px;
}

.pdf-body {
    position: absolute;
    top: 3.7in;
    bottom: 1.2in;
    left: .5in;
    right: .5in;
}

.size-a4 {
    width: 8.3in;
    height: 11.7in;
}

.size-letter {
    width: 8.5in;
    height: 11in;
}

.size-executive {
    width: 7.25in;
    height: 10.5in;
}

.company-logo {
    font-size: 30px;
    font-weight: bold;
    color: #3aabf0;
}

.for {
    position: absolute;
    top: 1.5in;
    left: .5in;
    width: 2.5in;
}

.from {
    position: absolute;
    top: 1.5in;
    right: .5in;
    width: 2.5in;
}

    .from p, .for p {
        color: #787878;
    }

.signature {
    padding-top: .5in;
}

.pdffontsize {
    font-size: 12px;
    padding-bottom: 10px;
    text-align: justify;
}

.pdf-page p {
    font-size: 12px;
    font-weight: bold;
}

.pdf-page-logo img {
    width: 240px;
}

.pdffontbold {
    font-size: 14px !important;
}

.k-grid-footer {
    padding-right: 8px !important;
}

tr.k-footer-template td {
    background-color: #f9f9f9 !important;
    color: #665d66;
}

.k-grid .ra {
    text-align: right;
}

#AllQuoteItemsGrid > div.k-grid-header {
    padding-right: 0px !important;
}

#AllQuoteItemsGrid > div.k-grid-footer {
    font-size: 10px;
    padding-right: 0px !important;
}

#ItemsGrid > div.k-grid-header {
    padding-right: 0px !important;
}

#ItemsGrid > div.k-grid-content {
    overflow-y: auto;
    text-align: center;
}

#ItemsGridEdit > .k-grid-header {
    padding-right: 0px !important;
}

#ItemsGridEdit > .k-grid-content {
    overflow-y: auto;
    text-align: center;
}

#ItemsGridView > .k-grid-header {
    padding-right: 0px !important;
}

#ItemsGridView > .k-grid-content {
    overflow-y: auto;
    text-align: center;
}

#OrdersItemsGrid > .k-grid-header {
    padding-right: 0px !important;
}

#OrdersItemsGrid > .k-grid-content {
    overflow-y: auto;
    text-align: center;
}

#AssetDetailsGrid > .k-grid-header {
    padding-right: 0px !important;
}

#AssetDetailsGrid > .k-grid-content {
    overflow-y: auto;
    text-align: center;
}

#AllQuoteItemsGrid .k-grid-content {
    overflow-y: auto !important;
    font-weight: normal !important;
    font-size: 10px;
}

#AllQuoteItemsGrid > .k-grid-header th.k-header {
    background-color: lightgray;
    font-weight: bold;
    font-size: 10px;
    color: black;
}

@font-face {
    font-family: 'arial';
    src: url('fonts/arial.ttf') format('truetype');
}

#signatureCanvas {
    cursor: url('./images/pencil.png') -10 25, pointer;
}

/*and (width: 38mm),(width: 18mm)*/
@media print {

    .page-container {
        display: none;
    }

    .container-fluid {
        display: none;
    }

    .panel-header {
        border: none !important;
        display: none;
    }

    .print-btn {
        display: none;
    }

    html, body {
        /*width: 33mm;*/
        margin: 0;
        padding: 0;
        box-shadow: 0;
    }

    body {
        margin: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }


    /*#bar-code {
     transform: rotate(90deg);
	transform-origin: left top 0;

    }*/

    #bar-code {
        -webkit-transform: rotate(90deg) ;
        -moz-transform: rotate(90deg);
    }

    
    @page{
    margin:0;
    padding:0;
    size:portrait; 
    /*size: landscape*/
    }

    .header  {
    display:none;
    }

    .footer  {
    display:none;
    }



    qrcode {
    -webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

float: left;
    
    }
}


   




