@media print {
      @page {       
        size:21cm 29.7cm;
        margin-left:1cm;
        margin-right:1cm;
        margin-bottom:1cm;
        margin-top:1.3cm;        
        background-color: #ffffff;
        font-size: 10px;
      }

      body,
      #bill_paper_body,        
      #bill_paper_container,
      .my_well{        
        background-color: #ffffff;
      }

    

      .container-fluid, 
      .container{
        /*width: 200cm;*/
        width: 100%;
        height: auto;
      }
      
      
      .TopInfor .table,
      .TopInfor .table td,
      .TopInfor .table th,
      .TableDiv .table,
      .TableDiv .table td,
      .TableDiv .table th,
      .ShopInfor .table,
      .ShopInfor .table td,
      .ShopInfor .table th,
      .UserAdressInfor .table,
      .UserAdressInfor .table td,
      .UserAdressInfor .table th{
        border-collapse: collapse;
        border: 1px solid #dddddd;
        font-size: 12px;
      }      

      

      #logo_img_div{        
        width: 19cm;
        height: 4cm;
      }

      #logo_img_div > :nth-child(1){
        width: 19cm;
        height: 2.5cm;
        text-align: center;
      }
      
      #logo_img_div > :nth-child(1) > img{                
        width: 5cm;
        height: auto;
      }

      #logo_img_div > :nth-child(2){
        width: 19cm;
        height: 1.5cm;        
        text-align: center;        
      }

      #logo_img_div > :nth-child(2) > :nth-child(1),
      #logo_img_div > :nth-child(2) > :nth-child(2){
        width: 19cm;                
      }
      
      #logo_img_div > :nth-child(2) > :nth-child(1){                
        height: 0.7cm;        
        text-align: center;        
        font-weight:bold;
        font-size: 15px;                
      }

      #logo_img_div > :nth-child(2) > :nth-child(2){                        
        height: 1cm;
        font-size: 12px;        
      }     
      
      .table th{
          border: 1px solid #dddddd;
          background-color: #cccccc;
      }

      .ShopInfor,
      .UserAdressInfor{
        margin-top:0.2cm;
        font-size: 12px;
        width: 19cm;        
      }

      .ShopInfor .table,
      .UserAdressInfor .table{
        width: 19cm;        
      }

      .ShopInfor .table p,
      .ShopInfor .table tr th,
      .ShopInfor .table tr td,
      .UserAdressInfor .table p,
      .UserAdressInfor .table tr th,
      .UserAdressInfor .table tr td{
        padding: 0px;  
        margin: 0px;        
      }

      .ShopInfor .table th,
      .UserAdressInfor .table th{
        width: 2.3cm
        font-size:12px;        
      }
      .ShopInfor .table td,
      .UserAdressInfor .table td{
        width: 16.7cm
      }
      
      .TableDiv{
        width: 19cm;
        font-size: 12px;        
        height: 2.4cm;
        margin-bottom: 0.3cm;        
      }

      .Estimate{
        min-height: 3.1cm;        
      }

      .TableDiv > :nth-child(1),
      .TableDiv > :nth-child(2),
      .TableDiv .table{
        width: 9.2cm;        
      }

      .TableDiv > :nth-child(1){
        padding-right:10px;
      }
      .TableDiv > :nth-child(2){
        padding-left:10px;
      }

      .TableDiv .table th{
        width: 2cm; 
      }

      .TableDiv > :nth-child(1){
        float: left;        
      }
      .TableDiv > :nth-child(2){
        float: right;      
      }

      .MessegeDiv{
        width: 19cm;        
        height: 0.5cm;
        font-size: 10px;
        clear:both;
      }      

      .StuffInforDiv, 
      #stuff_list_div,
      #stuff_list_table{
        width: 19cm;        
      }

      .StuffInforDiv{
        margin-top:0.2cm;
        height: 16cm;
        clear:both;
      }

      .StuffInforDiv .table td{
        font-size: 8px;
      }

      .MemoArea{
        min-height: 3cm;
      }

      #stuff_list_div{        
        padding: 0px;
      }

      #stuff_list_table{      
        border-collapse: collapse;
        border-top: 1px solid #dddddd;        
      }

      #stuff_list_table th,
      #stuff_list_table td{
        font-size: 10px;        
        border-bottom: 1px solid #dddddd;        
      }

      #stuff_list_table td{
        font-size: 8px;
      }

      #stuff_list_table tr > th:nth-child(1){
        width: 14cm;
      }

      #stuff_list_table tr > th:nth-child(2){
        width: 1cm;
      }

      #stuff_list_table tr > th:nth-child(3),
      #stuff_list_table tr > th:nth-child(4){
        width: 2cm;
      }

      #stuff_list_table td,
      #stuff_list_table th{
        height: 0.5cm;
        line-height: 1;
      }

      #stuff_list_table td:nth-child(2){
        text-align: center;
      }

      #stuff_list_table td:nth-child(3),
      #stuff_list_table td:nth-child(4){
        text-align: right;
      }

      #pay_div{
        text-align: right;
      }

      .BottomLine{
        width: 19cm;
      }


      .UserMemo,
      .UserMemo p,
      #UserMemo p,
      .AdminMemo,
      .AdminMemo p{        
        font-size: 10px;
      }

      .UserMemo,
      .AdminMemo{
        min-height: 1.5cm;        
      }

      .badge {
          display: inline-block;
          min-width: 5px;
          padding: 2px 2px;
          font-size: 10px;
          font-weight: bold;
          line-height: 1;
          color: #fff;
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          background-color: #000;
          border-radius: 10px;        
      } 

      .TableDiv .table-condensed > thead > tr > th,
      .TableDiv .table-condensed > tbody > tr > th,
      .TableDiv .table-condensed > tfoot > tr > th,
      .TableDiv .table-condensed > thead > tr > td,
      .TableDiv .table-condensed > tbody > tr > td,
      .TableDiv .table-condensed > tfoot > tr > td,      
      .ShopInfor .table-condensed > thead > tr > td,
      .ShopInfor .table-condensed > tbody > tr > td,
      .ShopInfor .table-condensed > tfoot > tr > td,
      .UserAdressInfor .table-condensed > thead > tr > td,
      .UserAdressInfor .table-condensed > tbody > tr > td,
      .UserAdressInfor .table-condensed > tfoot > tr > td{
          padding-top: 3px;
          padding-bottom: 3px;
      }

      .TableDiv .table-condensed > thead > tr > td,
      .TableDiv .table-condensed > tbody > tr > td,
      .TableDiv .table-condensed > tfoot > tr > td,
      .ShopInfor .table-condensed > thead > tr > td,
      .ShopInfor .table-condensed > tbody > tr > td,
      .ShopInfor .table-condensed > tfoot > tr > td,
      .UserAdressInfor .table-condensed > thead > tr > td,
      .UserAdressInfor .table-condensed > tbody > tr > td,
      .UserAdressInfor .table-condensed > tfoot > tr > td{
          padding-left: 3px;          
      }

      .CaptureBtnArea{
        display: none;
      }

      .hidden-print{
        display: none; 
      }

      #qrcode{
          position: absolute;
          right:0;        
      }
}