.box
{
     height:20px;
	width:165px;
	border:1px solid #7F9DB9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5d5d5d;
	text-align: left;
	vertical-align: middle;
	outline:none;
	padding-left: 3px;
}

table.bill-table{
border-collapse: collapse;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.border_style{
background-color:  transparent;
}

table.border_style_blue{
border:1px solid #0033CC;

}

table.border_style_blue td{
border:1px solid #0033CC;
font-family: "Verdana", Times, serif;
font-size: 13px;
}

table.border_style_green{
border:1px solid green;
}

table.border_style_green td{
border:1px solid green;
font-family: "Verdana", Times, serif;
font-size: 13px;
}

table.border_style_red{
border:2px solid red;
font-family: "Verdana", Times, serif;
font-size: 13px;
}

table.border_style_red td{
border:1px solid red;
}

tr.labels{
color: #0033CC;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.blues{
background-color:#0033CC;
color: #FFF !important;
text-align: center;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.green{
background-color: green;
color: #FFF !important;
text-align: center;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.labels-green{
color: green;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.labels-red{
color: red;
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.figure{
font-family: "Verdana", Times, serif;
font-size: 13px;
}
.red{
background-color:red;
color: #FFF;
text-align:center;
font-family: "Verdana", Times, serif;
font-size: 13px;
}

.dotted{height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color:#777777 ;}

.noborders, .noborders td{
border: none;
}

table.inner{
border: none;
}
table.inner td{
border: none;
}

/*
 * The bill itself (bill-table / #pbill / #wbill) is a fixed-width printable
 * document that mirrors the official CDA bill layout, so its internal table
 * widths are intentionally left alone. On small screens we contain that
 * fixed width inside its own horizontally-scrollable box instead, so it's
 * the bill that scrolls sideways — not the whole page (nav, header, footer).
 */
.bill-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px;
    max-width: 100%;
    box-sizing: border-box;
}

.bill-wrap > div {
    margin: 0 auto;
}

.bill-scroll-hint {
    display: none;
}

@media (max-width: 767px) {
    .bill-scroll-hint {
        display: block;
        font-size: 12px;
        color: #666;
        text-align: center;
        margin: 0 0 8px 0;
    }

    .bill-search-form {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .bill-search-form .form-group {
        width: 100% !important;
        display: block !important;
    }

    .bill-search-form label {
        display: block !important;
        margin-bottom: 6px;
    }

    .bill-search-form input.form-control:not(#captcha) {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    #captcha-image {
        width: 150px !important;
        height: 36px !important;
    }

    #captcha {
        width: 70px !important;
    }

    .bill-search-form button {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 8px;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    .bill-wrap,
    .bill-wrap * {
        visibility: visible;
    }

    /*
     * Force a known page size/margin instead of trusting the browser/printer
     * default (A4 is narrower than the 730px bill + its padding once you add
     * typical print margins, which is what was causing edge clipping / a
     * bottom scrollbar-looking artifact on some printers).
     */
    @page {
        size: A4 portrait;
        margin: 8mm;
    }

    html, body {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .bill-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 730px;
        margin: 0 !important;
        padding: 10px 15px;
        background: #fff !important;
        border: none !important;
        /* .bill-wrap picks up overflow-x:auto on screen (for the horizontal-scroll
           fix); that must not carry into print or some print/PDF engines paint
           a scrollbar affordance and/or clip the right edge of the bill. */
        overflow: visible !important;
        /* Shrink the fixed-width bill slightly so it reliably fits inside an
           A4 page's printable width (bill + padding is right at A4's edge),
           without touching any of the bill's own internal table markup. */
        transform: scale(0.92);
        transform-origin: top left;
    }

    .bill-wrap > div {
        margin: 0 !important;
    }

    .no-print,
    .bill-scroll-hint {
        display: none !important;
    }
}