/* ---------------------Table Starting--------------------------- */

.h_box {
  /* border: 1px solid; */
  display: flex !important;
}
.h_img img{
  width: 68px;
    margin: 19px;
    border: 1px solid black;
    border-radius: 50%;
}
.h_img1 img{
  width: 90px;
    /* margin: 19px; */
    border: 1px solid rgb(138, 137, 137);
    border-radius: 50%;
}
.h_conten{
  margin-left: 40px;
}
.user1{
  margin-left: 40px;
}
.h_img p{
  margin-right:10px;
    border: 2px solid;
     margin-left: 6px;
    position: absolute;
    z-index: 5; 
    padding: 5px;
}
.u_addres {
  /* border: 1px solid; */
  margin: 22px;
}

.inv table {
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  
}
.inv td {
  border: 1px solid black;
  width: 300px;
  height: 20px;


}

.inv th {
  text-align: center;
  border: 1px solid black;
  width: 300px;
  /* height: 60px; */
  /* background-color: blue; */
}

.c_head {
  /* margin:40px; */
  display: flex;
  justify-content: left;
}
.qu img{
  width: 116px;
  
}
.comp {
  margin: 10px;
  /* border: 1px solid black; */
  margin-right: 10px;
  line-height: 14px;
  /* margin-right: 63px; */
  font-weight: bold;
}

.qu {
  margin-right: 10px;
}
.detail {
  text-align: left;
}
.trCenter{
  text-align: center;
  font-weight: 550;
}

     .cancel_print {
       background-image: url('../dist/img/cancelinv.png') !important;
       background-repeat: no-repeat;
       background-position: center center;
     }



@media print {
.qu {
    margin-right: 0px !important;
    display: inline-block;
  }
  .kyc{
padding: 5px !important;
padding-bottom: 40px !important;
  }

.cancel_print{
        background-image: url('../dist/img/cancelinv.png') !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        background-position: center center;
          -webkit-print-color-adjust: exact;
          color-adjust: exact;
   }

}


@media screen and (max-width: 500px) {
  .h_conten {
      margin-left: 0px;
    }
    .h_img img {
      margin: 0px;
      width: 37px;
    }
    .cancel_print {

      background-size: 92% auto;
    }
}
/* ---------------------Table Ending--------------------------- */

/* --------------------------- */
.admin-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.admin-img {
  border-radius: 50%;
}


.charts>li>img {

  max-width: 73% !important;
  border: 1px solid;

}

.charts>li>a>img {

  max-width: 73% !important;
  border: 1px solid;
  border-radius: 100%;

}

.charts>li>div {

  max-width: 73% !important;
  border: 1px solid;
  height: 49px;
  border-radius: 50%;
  background-color: lightgrey;

}


.qrcode {
  width: 25%;
  padding: 6px;
  font-size: 15px;
}

.print-qrcode {
  display: flex;
  justify-content: center;
}

.print-qr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('qrcode/qrbackground3.jpg') !important;
  background-repeat: no-repeat !important;
  height: 600px;
  background-size: 493px 599px !important;
}

.qr-img {
  width: 200px;

}

@media screen and (max-width: 800px) {
  .print-qr {
    width: 90vw;
    height: 455px;

  }
}

@media print {
  .dis {
    display: none !important;
  }

}

@media print {

  .print-qr {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background-image: url('qrcode/qrbackground3.jpg') !important;
    background-repeat: no-repeat !important;
    height: 600px !important;
    background-size: 493px 599px !important;
    width: 400px !important;
    background-color: #fdcd3b !important;
    color-adjust: exact;
    /*firefox & IE */
    -webkit-print-color-adjust: exact;

  }
  .p_img{
  
    width: 165px !important;
    height: 169px;
  
  }
  .kyc_img{
    width: 220px !important;
    height: 82px;
    border-radius: 13px;
  
  }
.img_title{
  text-align: center;
  word-wrap: break-word;
  padding: 5px;

}
}

.qr-name {
  padding: 10px;
  color: ivory !important;
  font-size: 47px;
  font-weight: 600;
}

.qr-name1 {
  /* padding: 10px; */
  color: ivory !important;
  font-size: 47px;
  font-weight: 600;
}

.menu-name {
  font-size: 18px !important;
}


.tbl {
  overflow: auto;
  position: absolute;
  left: 50vw;
}

.oneline {
  display: block;
}

/* ----------------------------- modal-css--------------------- */
.back_img {
  /* background-color: blueviolet; */
  background-image: url("../dist/img/order1.jpg");
  background-repeat: no-repeat;
  background-size: cover;



}

.back_ground {
  background: aqua;

}

.qrcode-or {
  width: 39%;
  padding: 6px;
  font-size: 15px;
}


/* ---------------------- Order List--------------------- */

.opens {
  display: block !important;
}

.or-list {
  width: 40px;
  height: 50px;
  object-fit: inherit;
}

.num-list {
  position: absolute;
  left: -23px;
  top: -35px;
}

.num-parent {
  position: relative;
}

.ta_block {
  display: inline-block;
}

.conten {
  position: relative;
  margin: 19px;

}

.or-tbl {
  position: absolute;
  top: -5px;
  /* left: 1px; */
  z-index: 1;
  left: -17px;
}

.img-tbl {
  height: 61px !important;
  object-fit: inherit !important;
}

.img-close {
  /* height: 71px;
  width: 184px;
  position: absolute;
  z-index: 10;
  top: 3px;
  opacity: 0.3; */

  height: 28px;
  width: 25px;
  position: absolute;
  z-index: 10;
  top: 3px;
  /* opacity: 0.3; */
  right: -5px;
}

.ck-box {
  float: right;
  font-size: 20px
}

.or-back {
  background: #ecf0f5 !important;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 1px;
  margin-bottom: 5px;
}

.back-g {
  background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%) !important;
}

.flt-r {
  float: right !important;
}

.my-height {
  height: 372px;
  overflow: auto;
}

/* --------------------------admingorder page---------------- */

.dt-user {
  width: 74px;
  position: absolute;
  right: -7%;
  top: 41px;
  line-height: 5px;
  padding: 3px;
  text-align: center;
  font-size: 12px;
  color: blueviolet;
  height: 37px;
}

.dt-bt {
  padding: 3px;
  border: 1px solid green;
  background: chartreuse;
  color: saddlebrown;
  border-radius: 3px;
}

.com {
  font-size: 11px;

  margin-left: -4px;

}

.d-n {

  display: none;


}


/* --------------Bill--------------------- */
.bill {
  position: absolute;
  top: 0%;
  left: 0%;
  padding-bottom: 10px;
}

/* --------- register-------- */

.re-btn {
  width: 87px;
}
.border{
  border: 1px solid black;
}
.p_img{
  
  width: 144px;
  height: 152px;

}
.kyc_img{
  width: 170px;
  height: 96px;
  border-radius: 13px;

}
.img_title{
  /* width: 100%; */
  font-size: 14px;
  /* font-weight: bold; */
  text-align: center;
  word-wrap: break-word;

}
.remarks{
  width: 50%;
  /* margin: 10px; */
  display: flex;
  justify-content:center ;
  align-items: center;
  border-left:1px solid black;
}
.kyc{
  width: 100%;
  /* border: 1px solid black; */
  /* padding: 25px; */
  display: flex;
  padding-bottom: 25px;
}
.kyc1 ,.kyc2{
  border: 1px solid black;
  width: 50%;
  height: 230px;

}
.kyc2{
margin-left: 10px;
}
.kyc_img1 , .kyc_img2{
  width: 100%;
  height: 100%;
}