/* 
    Document   : printing
    Created on : Oct 6, 2013, 11:53:48 AM
    Author     : Buddhika
    Description:
        Purpose of the stylesheet follows.
*/


*{
    margin:0px;
    padding: 0px;
}

root { 
    display: block;
}


@media print{
    .fiveinchbill{
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 0px;
        font-size: 180%;
    }

    .fiveinchbillBreak{
        page-break-after:always!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 1px;
        font-size: 180%;
    }

    .fiveinchbillBreakRuhunu{
        page-break-after:always!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 1px;
        font-size: 180%;
    }

    .fiveinchbillNoBreak{
        page-break-after:always!important; 
        font-family: sans-serif!important;
        page-break-inside: avoid;
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 1px;
        font-size: 180%;
    }

}


@media screen{
    .patientCard{
        width: 8.56cm;
        height: 5.398cm;
        border: 1px solid black;
    }

    .fiveinchbill{
        position: relative!important;
        padding: 5px!important;
        height:550px!important;
        width:550px!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        /*border: 1px solid!important;*/
        font-size: 130%;
        text-transform: capitalize!important;
    }

    .fiveinchbillBreak{
        position: relative!important;
        padding: 5px!important;
        height:550px!important;
        width:550px!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        border: 1px solid!important;
        font-size: 130%;

    }

    .fiveinchbillBreakRuhunu{
        position: relative!important;
        padding: 5px!important;
        height:13.9cm!important;
        width:12.1cm!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        border: 1px solid!important;
        font-size: 130%;

    }

}


@media print{

    .patientCard{
        width: 8.56cm;
        height: 5.398cm;
        border: 1px solid black;
    }


    .summery{
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        padding: 0px!important;
        font-size: 100%!important;
    }



}


@media screen{
    .summery{
        position: relative!important;
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        font-size: 100%!important;
    }



}




@media print{
    .noBorderWhenPrint div *,
    .noBorderWhenPrint div ,
    .noBorderWhenPrint table *,
    .noBorderWhenPrint td{
        border: none!important;
        border-top:none!important;

    }
}

@media screen{
    .noBorderWhenPrint div{
        width: 21.0cm;
        height: 29.7cm;
        border: 1px solid red;
    }
    .noBorderWhenPrint div *,
    .noBorderWhenPrint div ,
    .noBorderWhenPrint table *,
    .noBorderWhenPrint td{
        border: 1px solid gray!important;
        background-color: whitesmoke;
    }
}

@media print{
    .staffFive{
        position: relative!important;
        padding: 5px!important;
        height:800px!important;
        width:1100px!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        border: 1px solid!important;
        font-size: 100%;
    }

}

@media screen{
    .staffFive{
        position: relative!important;
        padding: 5px!important;
        height:550px!important;
        width:550px!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        border: 1px solid!important;
        font-size: 130%;
    }



}

@media print{
    .staffFive{
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 0px;
        font-size: 180%;
    }

}


@media print{
    .a4bill{
        page-break-after:always!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 0px;
        font-size: 100%;
        border: none!important;
    }


}

.headingPrinting{
    text-align: center!important; 
    min-width: 90%!important; 
    /*padding: 5px!important;*/ 
    padding-top: 30%!important;
    margin: auto!important; 
    font-size: 13px!important;
    font-weight: bold;
}

.headingBhtP{
    text-align: center!important; 
    min-width: 90%!important; 
    /*padding: 5px!important;*/ 
    padding-top: 20%!important;
    margin: auto!important; 
    font-size: 13px!important;
}

.bhtNo{
    position: absolute;
    left: 35%;
    margin-top: 26%;

}

.tbl{
    text-align: center!important;
    min-width: 90%!important;
    padding: 5px!important; 
    padding-top: 10%!important;
    margin: auto!important; 
    border: 1px!important;    
}

.cashierPrinting{
    text-decoration: overline;
    position:absolute!important;
    left:25%!important;
    bottom:3%!important;

}

.cashierGSPrinting{
    text-decoration: overline;
    position:absolute!important;
    left:15%!important;
    bottom:3%!important;

}

.guardianGSPrinting{
    text-decoration: overline;
    position:absolute!important;
    right: 15%!important;
    bottom:3%!important;

}

.guardian{
    text-decoration: overline;
    position:absolute!important;
    right: 25%!important;
    bottom:10%!important;

}

.description{
    position:absolute!important;
    left:2.0cm!important;
    bottom:5%!important;

}

.mark{
    font-weight: bold;

}

@media screen{
    .a4bill{
        /*        position: relative!important;
                padding: 5px!important;
                height:800px!important;
                width:1100px!important;        
                font-family: sans-serif!important; 
                font-size: 11px!important; 
                margin: auto!important; 
                background-size: 100% auto!important; 
                border: 1px solid!important;
                font-size: 100%;*/
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 0px;
        font-size: 100%;
    }


}

.receiptnoPrinting{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 6.5%;
}

.billdatePrinting{
    font-size: 12px!important;
    position: absolute;
    left: 85%;
    top: 6.5%;

}
.paymentPrinting{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 10%;

}

.billtimePrinting{
    font-size: 12px!important;
    position: absolute;
    left:85%;
    top: 10%;

}


.ptnamePrinting{
    font-size: 18px!important;
    position: absolute;
    left: 36%;
    top: 13.3%;

}

.bhtNoGSPrinting{
    position: absolute;
    left: 36%;
    top: 16.8%;

}

.bhtNo{
    position: absolute;
    left: 36%;
    margin-top: 26.5%;

}

.billNamePrinting{
    font-size: 12px!important;
    position: absolute;
    left: 75%;
    top: 25%;
    border: 0px;
}

.phonePrinting{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 15.8%;

}

.bhtNoPrinting{
    position: absolute;
    left: 24%;
    top: 16.8%;

}



.cashier{
    position: inherit;

    left: 10%;
    text-decoration: overline;
    font-size: 12px;

}

.pgsignPrinting{
    position: absolute;
    bottom: 3%;
    left: 0%;
    text-decoration: overline; 
    margin-left: 70%; 
    font-size: 12px;

}

.consultPrinting{
    position: absolute;
    left: 36%;
    top: 17.8%;

}

.consult2{
    position: absolute;

    left: 60%;
    top: -1%;
}

.collecting{
    position: absolute;
    left: 10%;
    top: 22%;


}


.itemsPrinting{

    font-size: 11px;
    position: absolute;
    left: 12%;
    top: 37%;

}

.itemsPrintingMid{

    font-size: 11px;
    position: absolute;
    left: 35%;
    top: 37%;

}

.itemsGSPrinting{

    font-size: 11px;
    position: absolute;
    left: 7%;
    top: 26.5%;

}

.ratesPrinting{    
    position: absolute;
    left: 80%;
    top: 37%;
    text-align: right;

}

.totalsPrinting{
    position: absolute;
    left: 30%!important;
    bottom: 10%!important;
    font-size: 150%;
    font-weight: bolder;
    text-align: right;
}

.worksheetfont{
    font-size: 13px!important;
    font-weight: bolder;
}


.worksheetval{
    font-size: 110%;
}

.DataTable {
    border: none !important;
    background: none!important;
    background-color: white;
}

.noBorder div *,
.noBorder div ,
.noBorder table *,
.noBorder td{
    border: none!important;
    border-top:none!important;
    font-family: Verdana!important;
    font-size: 11px!important;
}

.ui-datatable.borderless .ui-datatable-data tr,
.ui-datatable.borderless .ui-datatable-data-empty tr,
.ui-datatable.borderless .ui-datatable-data td,
.ui-datatable.borderless .ui-datatable-data-empty td {
    border-style: none!Important;
    padding: 1px;
    border: 1px;
    overflow: hidden;
}

.itemsToLeft{
    position: absolute;
    left: 25%;
    top: 24%!important;

}

.myTable td:nth-child(1) {
    width: 20px;
}

.myTable td:nth-child(1) {
    width: 180px;
}


.cel1R1L{
    position: absolute;
    left: 10%;
    top: 25%;
}


.cel1R1C{
    position: absolute;
    left: 20%;
    top: 25%;

}

.cel1R1V{
    position: absolute;
    left: 25%;
    top: 25%;

}

.cel2R1L{
    position: absolute;
    left: 65%;
    top: 25%;

}


.cel2R1C{
    position: absolute;
    left: 75%;
    top: 25%;

}

.cel2R1V{
    position: absolute;
    left: 80%;
    top: 25%;

}

.cel1R2L{
    position: absolute;
    left: 10%;
    top: 28%;


}

.cel1R2C{
    position: absolute;
    left: 20%;
    top: 28%;

}
.cel1R2V{
    position: absolute;
    left: 25%;
    top: 28%;

}


.cel2R2L{
    position: absolute;
    left: 65%;
    top: 28%;


}

.cel2R2C{
    position: absolute;
    left: 75%;
    top: 28%;

}
.cel2R2V{
    position: absolute;
    left: 80%;
    top: 28%;

}

.cel1R3L{
    position: absolute;
    left: 10%;
    top: 31%;


}

.cel1R3C{
    position: absolute;
    left: 20%;
    top: 31%;

}
.cel1R3V{
    position: absolute;
    left: 25%;
    top: 31%;

}


.cel2R3L{
    position: absolute;
    left: 65%;
    top: 31%;


}

.cel2R3C{
    position: absolute;
    left: 75%;
    top: 31%;

}
.cel2R3V{
    position: absolute;
    left: 80%;
    top: 31%;

}


.cel1R4L{
    position: absolute;
    left: 10%;
    top: 34%;


}

.cel1R4C{
    position: absolute;
    left: 20%;
    top: 34%;

}
.cel1R4V{
    position: absolute;
    left: 25%;
    top: 34%;

}


.cel2R4L{
    position: absolute;
    left: 65%;
    top: 34%;


}

.cel2R4C{
    position: absolute;
    left: 75%;
    top: 34%;

}
.cel2R4V{
    position: absolute;
    left: 80%;
    top: 34%;

}


.errorMessage{
    font-size: 20px!important;
    position: absolute!important;
    left: 36%!important;
    top: 6.5%!important;

}

.receiptnoPrintingRuhunu{    
    position: absolute!important;
    left: 7.7cm;
    top: 3.8cm;
}

.billdatePrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 85%!important;
    top: 6.5%!important;

}
.paymentPrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 10%;

}

.billtimePrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left:85%;
    top: 10%;

}


.ptnamePrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 13.3%;

}

.bhtNoGSPrintingRuhunu{
    position: absolute;
    left: 36%;
    top: 16.8%;

}

.bhtNoRuhunu{
    position: absolute;
    left: 36%;
    margin-top: 26.5%;

}

.billNamePrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 75%;
    top: 25%;
}

.phonePrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 15.8%;

}

.agentPrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 18.3%;

}

.refNoPrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 36%;
    top: 20.8%;

}

.referenceInstitutionPrintingRuhunu{
    font-size: 12px!important;
    position: absolute;
    left: 72%;
    top: 15.8%;

}

.bhtNoPrintingRuhunu{
    position: absolute;
    left: 24%;
    top: 16.8%;

}



.cashierRuhunu{
    position: inherit;

    left: 10%;
    text-decoration: overline;
    font-size: 12px;

}

.pgsignPrintingRuhunu{
    position: absolute;
    bottom: 3%;
    left: 0%;
    text-decoration: overline; 
    margin-left: 70%; 
    font-size: 12px;

}

.consultPrintingRuhunu{
    position: absolute;
    left: 36%;
    top: 17.8%;

}

.cashierPrintingRuhunu{
    text-decoration: overline;
    position:absolute!important;
    left:25%!important;
    bottom:3%!important;

}

.itemsPrintingRuhunu{

    font-size: 11px;
    position: absolute;
    left: 12%;
    top: 37%;

}

.ratesPrintingRuhunu{    
    position: absolute;
    left: 80%;
    top: 37%;
    text-align: right;

}

.ratesCollectingCenterPrintingRuhunu{    
    position: absolute;
    left: 70%;
    top: 37%;
    text-align: right;

}

.ratesWithOutCollectingCenterPrintingRuhunu{    
    position: absolute;
    left: 85%;
    top: 37%;
    text-align: right;

}

.totalsPrintingRuhunu{
    position: absolute;
    left: 30%!important;
    bottom:10%!important;
    /*top: 13.8cm;*/
    font-size: 20px;
    font-weight: bolder;
    text-align: right;
}




@media screen{
    .fiveinchbillPharmacy{
        position: relative!important;
        padding: 5px!important;
        height:550px!important;
        width:550px!important; 
        overflow:hidden!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        margin: auto!important; 
        background-size: 100% auto!important; 
        border: 1px solid!important;
        font-size: 130%;
    }

}


@media print{

    .fiveinchbillPharmacy{
        page-break-after:always!important; 
        font-family: sans-serif!important; 
        font-size: 11px!important; 
        position: relative!important;  
        margin: 0px!important; 
        width: 95%;
        height: 95%;
        padding: 0px;
        font-size: 180%;
    }


}

.summeryBorder{
    width: 100%!important; margin:0px!important;padding:0px!important;border:none!important;

}