#wrapper {
    width: 96%;
    margin-left: 3%;
}  
a.page-numbers {
    font-size: 26px !important;
    font-weight: bold;
    color: #000;
}
span.page-numbers.current {
    font-size: 26px !important;
}
#desc-hr
{
  display:none;
}
#ftr-right
  {
    margin-bottom: 60px;
  }
.dt-mobile
{
  display:none;
}
.srch-bid,.srch-submit
{
  display:contents;
}
.filterbtn
{
  width: 50%;
    float: right;
    margin-right: 20%;
    margin-top: -1px;
    cursor:pointer;
  }
  .filterbtn img
  {
       width: 17%;
  }
  .btn-logout
  { 
    width: 40px;
    height: 30px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-color: #000;
    border-style: solid;
    margin-right: 8px;
    background-color: #000;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 20px;
  }
 .btn-hme
    {
       width: 100px;
    height: 35px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-color: #980000;
    border-style: solid;
    margin-right: 8px;
    background-color: #980000;
    font-weight: bold;
      cursor: pointer;
      margin-bottom:20px;
    }
    
      #header{
    width:100%;
   }
   #lcontent
   {
    width:50%;
    float:left;
   }
   #rcontent
   {
    width: 30%;
    float: right;
    margin-top:4%;
   }
   #rcontent h3
   {
    margin-top: 39%;
    font-size:20px;
   }

   
.bck-btn
     {
      background: #fff !important;
      color:#000;
      border-color: gray;
     }
     #billcontent
    {
      width: 80%;
    border-color: #980000;
    border-style: solid;
    border-width: thin;
    border-radius: 4px;
    float: left;
    font-size:20px;
    margin-bottom:50px;
    }
    #content-wrapper
    {
    width:100%;
    }
  #count-admin
   {
    width:85%;
    margin-top:-4%;
   }
   #btncntrl-admin
   {
    width: 100%;
    margin-top: 1px;
    margin-left: -20%;
    float: left;
   }
  
   #lcontent .title
   {
    font-size: 60px;
    width: 100%;
    margin-top: 4%;
    font-weight:600;
   }
   #lcontent .title img
   {
    width:35%;
   }
   #lcontent .welcometext
   {
    font-size: 40px;
    width: 100%;
    font-family: segoe_bold;
   }
   #lcontent .totalcust
   {
    font-family: segoe_bold;
    width: 50%;
    font-size: 25px;
    margin-bottom: 2%;
    margin-top: 4%;
    float:left;
   }
      #lcontent .totalamt
   {
    font-family: segoe_bold;
    width: 50%;
    font-size: 25px;
    margin-bottom: 2%;
    margin-top: 4%;
    float: left;
    margin-left: -5%;
  }
   #guest-details
   {
    width:25%;
    float:left;
    text-align:center;
    }
   #recepient-details
   {
    width:20%;
    float:left;
    text-align:center;
   }
   #description #scode input {
    width: 35%;
    margin-top: -20px;
}
    #description
   {
    width:50%;
    float:left;
   }
   .vl {
     border-right: 1px solid #980000;
    height: 290px;
    float:left;
    }
    .vgl
     {
    border-right: 1px solid #980000;
    height: 290px;
    float: left;
}
    
     .vrl {
    border-right: 1px solid #980000;
    height: 290px;
    float: left;
}
    .v_innerhead
    {
     border-right: 1px solid #980000;
    height: 150px;
    float:left; 
    }
    .v_innercontent
    {
     border-right: 1px solid #980000;
    height: 150px;
    float:left; 
    }
    .v2 {
     border-right: 1px solid #980000;
    height: 180px;
    float:left;
    margin-left: 0.8%;
    }
    .h1
    {
     border-bottom: 1px solid #980000;
    width: 100%; 
    }
    #btn-cnt
    {
      width:100%;
      margin-left:5%;
      margin-top:10px;
      margin-bottom:10px;
    }
    .addbtn
    {
      background-color: #000;
      color:#fff;
    }
    .tml .tml-errors, .tml .tml-messages 
    {
      width:70%;
    }
    input[type="date"]
    {
      cursor:pointer;
    }
    input {
        border-top-style: hidden !important;
        border-right-style: hidden !important;
        border-left-style: hidden !important;
        border-bottom-style: groove !important;
        background-color: transparent !important;
        width: 80%;
        color:#980000;
      }
      #tbl_bill tr td input {
height: 40px;
/* padding-top: 0px; */
margin-top: 0px;
font-size: 20px;
}
.cgst_innertable
{
  padding:0px !important;
}
      input:focus{
    outline: none !important;
}
#description input
{
  width: 65%;
}
#totaldiv1 input
{
  margin-top: 0px;
    margin-left: 2%;
    margin-right: 2%;
    width: 90%;
}

#totaldiv3 input
{
  margin-top: 17%;  
}
#firsttext input
{
  margin-left:0px;
  width:58%;
  margin-right:1%;
}
.inner-table
{
  color:#fff;
  font-size:18px;
}
#col_date
{
}
#col_refno
{
  width:9.8%;
}
#col_partic
{
  width:29%;
}
#col_charges
{
 width:13%;
}
#col_credit
{
width:15%;
}
#col_total
{
width:18.2%;
}
#col_desc
{

}
#col_hsn
{
  width:9.4%;
}
#col_cgst
{
  width:27.1%;
}
#col_sgstp
{
  width:12.6%;
}
#col_sgst
{
  width:14.2%;
}
#col_tax
{
width: 17%;
}
#col_cgst1
{
width: 15%;
}
#col_cgstp1
{
width: 15%;
}
.cgst_innertable tr
{
 border:none !important;
}
.cgst_innertable
{
  boder:collapse;
  margin-top: -10px;
}
#litems input, #ritems input
{
  margin-top:8%;
}
#litems
{
width: 47%;
    font-size: 15px;
    float: left;
    margin-left: 10%;
    padding-bottom: 1%;
    font-family: segoe_bold;
}

#ritems
{
  width: 46%;
    float: right;
    font-size: 15px;
    margin-left: 2%;
    padding-bottom: 5%;
    margin-right: -7%;
    font-family: segoe_bold;
}

#scode
{
  width:100%;
  text-align:center;
  font-size: 20px;
  font-family: segoe_bold;
}
#tbldtls
{
  width:100%;
  font-size:18px;
}
hr
{
  width:109%;
  border-color:#980000;
}
#tbldtls th
{
  background-color:#980000;
}
#tbldtls td{
  vertical-align:top;
}
.cgst_innertable #col_cgstp1,#col_cgst1
{

  border:none;
}
 #cgstp_td,#cgst_td
{
  border:none;
}
#tbldtls tr td input {
height: 40px;
/* padding-top: 0px; */
margin-top: 0px;
font-size: 20px;
}
#tbldtls tr
{
  font-family: 'segoe_bold';
}
#tbl_bill tr td {
border-bottom: 1px solid #ffffff;
}
.link td
{
  border-bottom: none !important;

}
#tbldtls table,th,td
     {
        padding: 10px;
        border: 1px solid #e3242b ;
        border-collapse: collapse;
      }
#totaldiv1
{
  margin-top: 2%;
    width: 66%;
    float: left;
    padding-left: 2%;
    color: #980000;
}
#totaldiv2
{
   width: 13.25%;
   float:left;
   color:#980000;
   text-align: center;
}
#totaldiv3
{
   width:15%;
   float:left;
   color:#980000;
   text-align: center;
}}
 
   @media only screen and (max-width: 1100px)
  {
    #lcontent .title 
    {
    font-size: 45px;
    }
    #lcontent .welcometext 
    {
    font-size: 35px;
    }
    #lcontent .totalcust 
    {
    font-weight:800;
    font-size:20px;
    }
    #lcontent .totalamt 
    {
    font-weight:800;
    font-size:20px;
    }
    #rcontent h3 
    {
      margin-top:31%;
      font-size:20px;
    }
    .btn-hme 
    {
    width: 90px;
    height: 30px;
    }
    .tbl_class 
    {
    padding-left: 4px;
    font-size: 14px;
    padding-right: 4px;
    }
    .link a
    {
      font-size: 10px;
    }
    #description input
    {
      width:60%;
    }
    #litems, #ritems
    {
      font-size:14px;
    }
    .vl
    {
      height:250px;
    }
    #billcontent
    {
      width:85%;
    }
    #totaldiv3 input 
    {
    margin-top: 19%;
   }
   #scode
 {
  font-size: 15px;
 }
  .filterbtn
  {
    margin-right:16%;
  }
  .filterbtn img
  {
    width:20%;
  }
  .inner-table
  {
    font-size:15px;
  }
  #tbldtls
  {
    font-size:15px;
  }
  }

   @media only screen and (max-width: 800px)
  {
   .content {
    width: 96% !important;
  }
    #lcontent .title 
    {
    font-size: 45px !important;
    }
    #lcontent .welcometext 
    {
    font-size: 35px !important;
    }
    #lcontent .totalcust 
    {
    font-weight:800 !important;
    font-size:16px !important;
    }
    #lcontent .totalamt 
    {
    font-weight:800 !important;
    font-size:16px !important;
    }
    #rcontent h3 
    {
      font-size:17px !important;
      margin-top:40% !important;
    }
    .btn-hme 
    {
    width: 80px !important;
    height: 30px !important;
    }
    .tbl_class 
    {
    padding-left: 2px !important;
    font-size: 12px !important;
    padding-right: 2px !important;
    }
    .link a
    {
      font-size: 12px !important;
    }
    #description input
    {
      width:50% !important;
    }
    #litems, #ritems
    {
      font-size:12px !important;
    }
    .vl
    {
      height:200px !important;
    }
     
    
    #billcontent
    {
      width:85% !important;
      font-size:14px;
    }
    #totaldiv3 input {
    margin-top: 27% !important;
}

#scode
 {
  font-size: 11px;
 }
.filterbtn
  {
    margin-right:8%;
  }
  .filterbtn img
  {
    width:25%;
  }
  .inner-table
  {
    font-size:12px;
  }
  #tbldtls
  {
    font-size:12px;
  }

  }
@media only screen and (max-width: 600px)
  {
    
.dt-mobile
{
  display:block;
}
.dt
{
  display:none;
}
  #lcontent
  {
    width:100%;
  }
  #rcontent
  {
    width:100%;
  }
   #rcontent h3
   {
    margin-top:1px !important;
   }
   #btncntrl-admin
   {
    margin-left:2px;
   }
   .filterbtn {
    width: 36px;
    float: right;
    margin-top: -10px;
    }
    .filterbtn img {
    width: 100%;
   }
   #srchform input {
    width:60% !important;
   }
   .content
   {
    margin-left:5% !important;
        margin-top: 20px;
   }
   #lcontent .title img 
   {
    width: 50%;
    }
    .srch-submit
    { 
       margin-top: 20px;
      margin-left: 33%;
    }
    .srch-submit,.srch-bid
    {
      display:block;
    }
    #tbl_bill #tbl_mc
    {
      display:none;
    }
    #tbl_bill #plan
    {
      display:none;
    }
    .btn-hme
    {
      width: 100px !important;
    height: 35px !important;
    margin-bottom: 10px;
   }
   .bck-btn
   {
    margin-right:49%;
   }
   #guest-details
   {
    width:49%;
    font-size: 18px;
   }
   #recepient-details
   {
    width:49%;
    font-size: 18px;
   }
   #tbl_bill #last_mc
    {
    border-right:1px solid !important;
    }
    .vrl
    {
      display:none;
    }
    .vgl
    {
      height:155px;
    }
    #description {
    width: 100%;
    float: none;
    }
    hr {
    width: 100%;
  }
  #litems
  { 
    font-size: 14px !important;
    margin-left: 5%;
}
#litems
{ 
    font-size: 14px !important;
    margin-right: 5%;
}

#desc-hr
{
  display:block;
  }
  #tbldtls table
  {
    margin-top:10px;
  }
/*
for responsive tables
#col_date,#col_refno, #col_partic, #col_charges, #col_total, #col_credit
        {
          display: none;
        }
        .table-responsive table, thead, tbody, th, td, tr { 
    display: block; 
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
 /*.table-responsive th tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .table-responsive tr { border: 1px solid #ccc; }
  
  .table-responsive td { 
    /* Behave  like a "row" */
   /* border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
  }
        .table-responsive td:before { 
    /* Now like a table header */
   /* position: absolute;
    /* Top/left values mimic padding */
    /*top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
  }
  
  /*
  Label the data
  */
 /* td:nth-of-type(1):before { content: "Date"; }
  td:nth-of-type(2):before { content: "Refno"; }
  td:nth-of-type(3):before { content: "Particulars"; }
  td:nth-of-type(4):before { content: "Charges"; }
  td:nth-of-type(5):before { content: "Credit"; }
  td:nth-of-type(6):before { content: "Total"; }
 
}*/
}
@media only screen and (max-width: 400px)
  {
  .dt-mobile h3
    {
        font-size:12px !important;
    }
    #lcontent .title img 
    {
    width: 30% !important;
    }
    #lcontent .totalcust 
    {
    font-size: 15px !important;
    }
    #lcontent .welcometext 
    {
    font-size: 18px !important;
    }
  }