﻿@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}

#invoice-POS {
    box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.5);
    padding: 2mm;
    /*margin: 0 auto;*/
    margin-left: -55px;
    width: 68mm;
    background: #FFF;
}

    #invoice-POS::selection {
        background: #f31544;
        color: #FFF;
    }

    #invoice-POS::moz-selection {
        background: #f31544;
        color: #FFF;
    }

    #invoice-POS h1 {
        font-size: 1.5em;
        color: #222;
    }

    #invoice-POS h2 {
        font-size: .9em;
    }

    #invoice-POS h3 {
        font-size: 1.2em;
        font-weight: 300;
        line-height: 2em;
    }

    #invoice-POS p {
        font-size: .7em;
        line-height: 1.2em;
    }

    #invoice-POS #top,
    #invoice-POS #mid,
    #invoice-POS #bot {
        /* Targets all id with 'col-' */
    }

    #invoice-POS #top {
        min-height: 100px;
    }

    #invoice-POS #mid {
        min-height: 80px;
    }

    #invoice-POS #bot {
        min-height: 50px;
    }

    #invoice-POS #top .logo {
        height: 60px;
        width: 60px;
        background-size: 60px 60px;
    }

    #invoice-POS .clientlogo {
        float: left;
        height: 60px;
        width: 60px;
        background: url(logo1.jpg) no-repeat;
        background-size: 60px 60px;
        border-radius: 50px;
    }

    #invoice-POS .info {
        display: block;
        margin-left: 0;
    }

    #invoice-POS .title {
        float: right;
    }

        #invoice-POS .title p {
            text-align: right;
        }

    #invoice-POS table {
        width: 100%;
    }

    #invoice-POS .tabletitle {
        /*font-size: .8em;*/
        background: #EEE;
        text-align: center;
    }

    #invoice-POS .service {
        border-bottom: 1px solid #EEE;
        text-align: center;
    }

    #invoice-POS .item {
        width: 14mm;
    }

    #invoice-POS .itemtext {
        /*font-size: .8em;*/
    }

    #invoice-POS #legalcopy {
        margin-top: 5mm;
    }

.br {
    display: block;
    margin-bottom: 0em;
}

.br5 {
    display: block;
    margin-bottom: 0.5em;
}

.brxsmall {
    display: block;
    margin-bottom: 0.4em;
}
