#addform html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

#addform html {
    line-height: 1;
}

#addform ol, ul {
    list-style: none;
}

#addform table {
    border-collapse: collapse;
    border-spacing: 0;
}

#addform table, td, th {
    padding: 0;
    /* font-size: 14px; */
}

#addform caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

#addform q, blockquote {
    quotes: none;
}

    #addform q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

#addform a img {
    border: none;
}

#addform article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

#addform {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #555555;
}

    #addform a {
        text-decoration: none;
        color: inherit;
    }

        #addform a:hover {
            color: inherit;
            opacity: 0.7;
        }

    #addform .inv_container {
        min-width: 460px;
        margin: 0 auto;
    }

    #addform .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }

    #addform .left {
        float: left;
    }

    #addform .right {
        float: right;
    }

    #addform .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    #addform .no-break {
        page-break-inside: avoid;
    }

    #addform header {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        #addform header figure {
            float: left;
            margin-right: 10px;
            width: 65px;
            height: 70px;
            text-align: center;
        }

            #addform header figure img {
                margin-top: 10px;
            }

        #addform header .company-info {
            float: right;
            color: #09a772;
            line-height: 14px;
        }

            #addform header .company-info .address, header .company-info .phone, header .company-info .email {
                position: relative;
            }

                #addform header .company-info .address img, header .company-info .phone img {
                    margin-top: 2px;
                }

            #addform header .company-info .email img {
                margin-top: 3px;
            }

            #addform header .company-info .title {
                color: #09a772;
                font-weight: 400;
                font-size: 1.33333333333333em;
            }

            #addform header .company-info .icon {
                position: absolute;
                left: -15px;
                top: 1px;
                width: 10px;
                height: 10px;
                background-color: #09a772;
                text-align: center;
                line-height: 0;
            }

    #addform section .details {
        min-width: 440px;
        margin-bottom: 15px;
        padding: 5px 10px;
        /*background-color: #CC5A6A;*/
        background-color: #ffffff;
        color: #434445;
        line-height: 20px;
    }

        #addform section .details .client {
            width: 50%;
        }

            #addform section .details .client .name {
                font-size: 1.16666666666667em;
                font-weight: 600;
            }

        #addform section .details .data {
            width: 50%;
            font-weight: 600;
            text-align: right;
        }

        #addform section .details .title {
            margin-bottom: 5px;
            font-size: 1.33333333333333em;
            text-transform: uppercase;
        }

    #addform section table {
        width: 100%;
        margin-bottom: 20px;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
    }

        #addform section table .qty, section table .unit, section table .total {
            width: 15%;
        }

        #addform section table .desc {
            width: 55%;
        }

        #addform section table .desc-lg {
            width: 85%;
        }

        #addform section table thead {
            display: table-header-group;
            vertical-align: middle;
            border-color: inherit;
        }

            #addform section table thead th {
                padding: 10px;
                background: #eee;
                border-right: 2px solid #fff;
                color: #000;
                text-align: center;
                font-weight: 400;
                border-radius: 5px !important;
            }

                #addform section table thead th:last-child {
                    border-right: none;
                }

        #addform section table tbody tr:first-child td {
            border-top: 10px solid #ffffff;
        }

        #addform section table tbody td {
            padding: 5px 5px;
            text-align: center;
        }

            #addform section table tbody td:last-child {
                border-right: none;
            }

            #addform section table tbody td.desc {
                text-align: left;
            }

            #addform section table tbody td.total {
                color: #09a772;
                font-weight: 600;
                text-align: right;
            }

        #addform section table tbody h3 {
            margin-bottom: 5px;
            color: #09a772;
            font-weight: 600;
        }

        #addform section table.grand-total {
            margin-bottom: 50px;
        }

            #addform section table.grand-total tbody {
                padding: 0px 10px 12px;
                border: none;
                background-color: #B2DDD4;
                color: #555555;
                font-weight: 300;
                text-align: right;
            }

                #addform section table.grand-total tbody tr:first-child td {
                    padding-top: 12px;
                }

                #addform section table.grand-total tbody tr:last-child td {
                    background-color: transparent;
                }

                #addform section table.grand-total tbody .grand-total {
                    padding: 0;
                }

                    #addform section table.grand-total tbody .grand-total div {
                        float: right;
                        padding: 11px 10px;
                        background-color: #09a772;
                        color: #ffffff;
                        font-weight: 600;
                    }

                        #addform section table.grand-total tbody .grand-total div span {
                            display: inline-block;
                            margin-right: 20px;
                            width: 80px;
                        }

    #addform footer {
        margin-bottom: 10px;
        padding: 0 5px;
    }

        #addform footer .thanks {
            margin-bottom: 10px;
            color: #5f5f5f;
            font-size: 16px;
            font-weight: 100;
            
        }

        #addform footer .notice {
            margin-bottom: 10px;
        }

        #addform footer .end {
            padding-top: 5px;
            border-top: 2px solid #f7f7f7;
            text-align: center;
            
        }

.width80 {
    min-width: 80px;
}

.font-new {
    
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 100;
}

.billno {
    border: none;
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
    
    color: #5f5f5f;
    font-size: 15px;
    font-weight: 100;
    width: 151px;
}

.bill-header {
    font-size: 25px;
    margin-top: 20px;
    
    font-weight: 100;
}

.bill-section {
    background-color: #fff;
    padding: 1pc;
    border-radius: 5px !important;
}